{clear: both;} Meaning

When {clear: both;} is used ?

What does “both” mean in <div style=“clear:both”> ?

 

"clear" has three options:
clear:left;
clear:right; and
clear:both;
When you use clear:left, if you have any elements floated left before it, it will go under it instead of wrapping around it. clear:right does the same thing, but for elements floated right, and clear:both clears both left and right floated elements.

 

so it is like <span>?

 

can anyone give me small example how exert it will work.?

 

Use of the HTML Div Tag is to layout your page. And Both mean in <div style=”clear:both;”></div> is No floating elements allowed on either the left or the right side. It can be used to clear the CSS float within a layout.

 

use ?
<div style="clear:both;"></div>

 

<div id="div1" style="float:left;"></div>
<div id="div2" style="float:right;"></div>
<div id="div3" style="clear:both;"></div>

In this example, div3 will be under div1 and div2 (the floated elements) instead of trying to wrap around them, because it uses clear:both; If it didn't have clear:both; it would try and wrap around the first 2 divs.

 

it's a way to create a new block after doing some floats before it.

 

{clear:both;} means it clear both float-right and float-left.