Practica
Ejercicios prácticos
Html
<html>
<head>
<title>Practica 9_1</title>
<link rel="StyleSheet" href="estilos9_1.css" type="text/css">
</head>
<body>
<div id="fondo">
<div id="caja1">
<input type ="text">
<p>Esta es la primer caja.</p>
<p>No se desplaza.</p>
</div>
<div id="caja2">
<input type ="text">
<p>Esta es la segunda caja.</p>
<p>Se desplaza 15 p�xeles a la derecha y 5 hacia abajo de su posici�n por defecto.</p>
</div>
<div id="caja3">
<input type ="text">
<p>Esta es la tercer caja.</p>
<p>No se desplaza.</p>
</div>
</div>
</body>
</html>
Css
#fondo{
background-color: red;
}
#caja1,#caja2,#caja3{
position: relative;
left: 150px;
}