Float

Box 1

The float model: a box is first laid out according to the normal flow, then taken out of the flow and shifted to the left or right as far as possible.

Subsequent content may flow along the side of a floated element if there is space.

Possible values for the float property are left, right, and none.
A floated box is shifted to the left or right on the current display line.
Subsequent content may flow along its side (or be prohibited from doing so by the 'clear' property, discussed later ).
Content flows down the right side of a left-floated box and down the left side of a right-floated box.

This paragraph is here for filler. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam justo neque, faucibus ut, fermentum ac, scelerisque at, mauris. Aliquam nisl. Aliquam a nunc at leo rhoncus ultricies. Sed velit.

Box 2

The float property allows blocks to be positioned to the side, with text flowing around them. It is often used for images and to create complex layouts.

Box 3

The clear property indicates which sides of an element's box may not be adjacent to an earlier floating box (within the same block element).

Box 4

The <center> tag is not now, and has never been, standard. HTML 3.2 included the align property, but it is , and has been for many years, deprecated. It is possible to center blocks using only style properties.