Descripción

La propiedad float hace que un elemento se mueva a un lado del área de contenido del elemento principal, lo que permite que otro contenido fluya a su alrededor.

Valores posibles

• left - El elemento flota al lado izquierdo del área de contenido de su elemento principal.

• right - El elemento flota en el lado derecho del área de contenido de su elemento principal.

• none - El elemento no está flotando.

Se aplica a

Todos los elementos menos elementos posicionados y contenido generado.

Sintaxis DOM

object.style.float = "left";

Ejemplo

Aquí está el ejemplo que muestra el uso de esta propiedad:

<h1 style = "float: left;">
   CSS float Example
</h1>
<p>
   If your browser supports the CSS float Property, this text will be flowing  around the heading.
</p>

Esto producirá el siguiente resultado:

CSS float Example

 Print