How to force an item after floats to the next line
===

I have some code like:

    <div>First</div>
    <div class="second">Second</div>
    
    <a>Alink</a>
    
    div{
        display: block;
    float:left;
    }
    
    .second{
        clear:right;
    }

http://jsfiddle.net/cg4gj/

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.