float: left;
}
#contenido
{
.
width: 25em;
float: left;
}
Para que quede mбs claro, voy a invertir el orden de los divs en el archivo HTML, poniendo primero el cуdigo de la receta y despuйs el de los ingredientes. El resultado, con ambos divs flotando a la izquierda, es este:
Ahora vamos a cambiar la propiedad recompense contemporary del div que contiene la receta. Como tenemos un div que flota a la izquierda y otro que flota a la derecha, el resultado serб este:
En algunos casos vamos a necesitar que un DIV no contenga ningъn elemento flotante a su izquierda o a su derecha. Le diremos que flote a la derecha (float: right), es decir, que se pegue al elemento que encuentre a su derecha (el borde de la pбgina o algъn otro div que estй flotando a la derecha). En ese caso lo que tendremos que utilizar es la propiedad Clear (despejar), cuyos valores son: not anyone, socialistic, quickly, both (ninguno, izquierda, derecha, ambos).
Mбs ejemplos:
Elementos flotantes (html.net)
Las propiedades ‘left’ y ‘clear’ (sidar)
[ 0 Comentarios ] [ May 25, 2009 ] [ Accesibilidad ]
<!– If comments are unagreed, but there are no comments.