float
Decide a qué lado del objeto fluye el texto.
Sintaxis
{ float: sFloat }
Valores posibles
sFloat
Cadena que especifica o recibe uno de los valores siguientes:
none |
Valor predeterminado. El objeto se muestra donde aparece en el texto. |
left |
El texto fluye a la derecha del objeto. |
right |
El texto fluye a la izquierda del objeto. |
Esta propiedad tiene el valor predeterminado none. No se hereda.
Observaciones
Con el valor left o right, se trata el objeto a nivel de bloque, es decir, se omite la propiedad display. Por ejemplo, los párrafos flotantes permiten que los párrafos aparezcan uno junto al otro en una página.
Los objetos que siguen a un objeto flotante se mueven con respecto a la posición del objeto flotante.
El objeto flotante se desplaza hacia la izquierda o la derecha hasta que llega al borde, espaciado interno o margen de otro objeto a nivel de bloque.
Los objetos DIV y SPAN deben tener un ancho establecido para que se represente la propiedad float.
Ejemplos
En este ejemplo se muestra cómo afecta la propiedad float al flujo del texto. La imagen de esfera flota hacia la izquierda del texto y el cono flota hacia la derecha:
<img src="sphere.jpg" style="float:left">
<img src="cone.jpg" style="float:right">
Información sobre estándares
Esta propiedad se define en la especificación Cascading Style Sheets (CSS), Level 1 (CSS1) (Hojas de estilos en cascada (CSS), nivel 1 (CSS1)).
Aplicable a
A, ADDRESS, APPLET, B, BIG, BLOCKQUOTE, BUTTON, CENTER, CITE, CODE, CUSTOM, DD, DEFAULTS, DFN, DIV, DL, DT, EM, EMBED, FIELDSET, FORM, HN, HR, I, IFRAME, IMG, INPUT TYPE=BUTTON, INPUT TYPE=CHECKBOX, INPUT TYPE=FILE, INPUT TYPE=IMAGE, INPUT TYPE=PASSWORD, INPUT TYPE=RADIO, INPUT TYPE=RESET, INPUT TYPE=SUBMIT, INPUT TYPE=TEXT, LI, OBJECT, OL, P, RT, RUBY, S, SELECT, SPAN, SUB, TABLE, TT, U, UL, VAR, XMP