Descrição

A propriedade float faz com que um elemento seja movido para um lado da área de conteúdo do elemento pai, o que permite que outro conteúdo flua em torno dele.

Valores possíveis

• left - O elemento é flutuado para o lado esquerdo da área de conteúdo do elemento pai.

• right - O elemento é flutuado para o lado direito da área de conteúdo do elemento pai.

• none - O elemento não está flutuando.

Aplica-se a

Todos os elementos, exceto elementos posicionados e conteúdo gerado.

Sintaxe DOM

object.style.float = "left";

Exemplo

Aqui está o exemplo que mostra o uso desta propriedade -

<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>

Isso produzirá o seguinte resultado -

CSS float Example

 Print