How to use Float property

The Float Property

 Float is CSS positioning property , it is great property to make any text , div or img aligned properly . it able to make them in right position . See Example below ,

Float left

Float right

Example

div {
    float: left;
}

div {
    float: right;
}


How it works for image 
See Example below :

Example

img {
    float: left;
}

img {
    float: right;
}

How to make sidebars float left and right
See Example below :

Example

<div id="sidebar-left"></div>

<div id="sidebar-right"></div>

#sidebar-left {
    float: left;
}

#sidebar-left {
    float: right;
}