Float Example

The float property controls where block-level elements are positioned, as well as which way other elements are placed in relationto them. Here, copy is floated around the boxes outlined in blue.

float: right

Verba Graeca mihi Latina sunt. Verba Graeca mihi Latina sunt.Verba Graeca mihi Latina sunt. Verba Graeca mihi Latina sunt.Verba Graeca mihi Latina sunt. Verba Graeca mihi Latina sunt.Verba Graeca mihi Latina sunt. Verba Graeca mihi Latina sunt.

float: left

Verba Graeca mihi Latina sunt. Verba Graeca mihi Latina sunt.Verba Graeca mihi Latina sunt. Verba Graeca mihi Latina sunt.Verba Graeca mihi Latina sunt. Verba Graeca mihi Latina sunt.Verba Graeca mihi Latina sunt. Verba Graeca mihi Latina sunt.

float: none

Verba Graeca mihi Latina sunt. Verba Graeca mihi Latina sunt.Verba Graeca mihi Latina sunt. Verba Graeca mihi Latina sunt.Verba Graeca mihi Latina sunt. Verba Graeca mihi Latina sunt.Verba Graeca mihi Latina sunt. Verba Graeca mihi Latina sunt.