Se puede especificar que los elementos queden flotando a la izquierda o a la derecha de los que le rodean. Esto se consigue con la propiedad float.
El efecto de esta propiedad es bastante simple pero resulta muy útil para que el diseño de la página se adapte al monitor del usuario. Lo que hace la propiedad es quitar al elemento del flujo normal de la página y colocarlo a la izquierda o derecha del resto del contenido de su elemento padre (se lo hace "flotar" hacia uno u otro costado).
La propiedad clear es complementaria a la anterior. Con clear se especifica que un elemento no admite un flotante sobre su izquierda, sobre su derecha o a ambos lados. También se la puede usar en un elemento flotante para impedir que otros flotantes puedan quedar sobre algunos de sus costados.
Sintaxis: float: <valor> Valores posibles: none | left | right | both | inherit Valor inicial: none Se aplica a: Todos los elementos menos los posicionados y los contenidos generados Heredado: No
Los valores de esta propiedad tienen los siguientes significados:
Sintaxis: float: <valor> Valores posibles: none | left | right | both | inherit Valor inicial: none Se aplica a: Los elementos a nivel de bloque Heredado: No
Los valores tienen los siguientes significados: