Float & Clear Example

This example shows the float property. Float can be applied to many types of elements. It is often applied to images but it can be used for many types of content. ...text continues uninterrupted... It can be used to dynamically re-arrange elements. It can be used to flow text around objects as well. Notice that the quote was inserted after the word content. The text continues on uninterrupted, flowing around the quote. We can do the same with images as well. Float can be used to position images and the text can flow around uninterrupted. If I were to resize this page in my browser or use a device with different screen dimensions, the elements should re-arrange themselves and the float property, where applied, should ensure that certain elements remain positioned relative to the page. There are two types of float: left and right and I have used both on this page. RESIZE THIS BROWSER WINDOW TO SEE HOW THE TEXT FLOW REMAINS TRUE TO THE FLOW PROPERTY SETTINGS.