Resize the window and see how the three different paragraphs adjust.
Floating Elements
The float property allows you to move an element all the way to the
left or right of a page, other content will wrap around the floated content. The
value of float is commonly set to left or right.
none The element is not floated, and will
be displayed just where it occurs in
the text
left The element floats to the left
right The element floats the right
initial Sets this property to its default value
inherit Inherits this property from its parent
element
Float positioning often is useful when a layout is in columns.
<!doctype html>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer pretium dui sit amet
felis. Integer sit amet diam. Phasellus ultrices viverra velit.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer pretium dui sit amet