Float

El estilo "float" sirve para alinear un elemento, haciendo que el texto de alrededor del mismo se agrupe entorno a dicho elemento. Sus posibles valores son "left" (para alinear el elemento a la izquierda) y "right" (para alinearlo a la derecha).Un elemento con “float” debe tener definida su anchura. De no ser así, no será tratado como tal y el estilo no se aplicará.

Pincha en el siguiente enlace para visualizar un elemento con el estilo “float”. Ver ejemplo.

Clear

El estilo "clear" se utiliza conjuntamente con float. Utilizamos este estilo cuándo queremos que elementos que tienen cerca un elemento flotante (mediante "float") dejen de alinearse junto a él.

Sus posibles valores son left (el elemento no permite flotantes a su izquierda ), right (el elemento no permite flotantes a su derecha ) o both (el elemento no permite flotantes a ningún lado).

Pincha en el siguiente enlace para visualizar un elemento con el estilo "clear". Ver ejemplo.

Artículo escrito por Alberto Gómez para HazUnaweb.com. Queda absolutamente prohibida su reproducción.