I have some code like:
<div>First</div>
<div class="second">Second</div>
<a>Alink</a>
div{
display: block;
float:left;
}
.second{
clear:right;
}
I really want the link though to be on the next line down. Currently it is positioned beside second. How do I force elements after these floats to go to the next line. I definitely do NOT want to make the divs take up the entire width of the page though.
add display : block to the a tag and clear:both
http://jsfiddle.net/cg4gj/3/