CSS Float Examples

CSS Float Examples


Float Example - 
Example  1 -  A basic float - 
class="container">
class="floating">

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec sapien
dolor. Nunc condimentum sem nec commodo sollicitudin.
Output - 
Example 2 - 
Two floating elements
class="container">
class="floating">
 
class="floating-2">

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec sapien
dolor. Nunc condimentum sem nec commodo sollicitudin.
Output - 
Example 3 - Clearing floats
class="container">
class="floating">
 
class="floating-2">
 
class="content">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec sapien
dolor. Nunc condimentum sem nec commodo sollicitudin.
Output -