Float
![[missing image]](http://wyrd.hood.edu/~echang/it280/extras/yelblock.gif)
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
floatproperty areleft,right, andnone. - 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.
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.
ed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
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.
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).
ed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
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 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.
ed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.