clearing non-floats

Sent by Brian Cummiskey on 4 September 2007 19:07

Hi guys,

i'm trying to get rid of a <br /> I have to split up some footer text.

I'm currently using:


    <div id="footer_nav">
            <h2><a href="#">Link1 </a></h2>
            <h2><a href="#">Link2 </a></h2>
            <h2 class="last"><a href="#">Link3 </a></h2>          
            <br />
            <h2><a href="#">Link4 </a></h2>
            <h2 class="last"><a href="#">Link5 </a></h2>
            <br />
            <h2><a href="#">Link6</a></h2>
            <h2 class="last"><a href="#">Link 7</a></h2>
       </div>

#footer_nav h2 {
    display: inline;
    padding: 0 6px;
    border-right: 1px solid #000;
}

#footer_nav h2.last {
    border-right: none;
}


the class of last removes the right border and I end up with a nice 3 
row list:

Link1 | Link2 | Link3
Link4 | Link5
Link6 | Link7



Using this same 'last' class, can I apply a clearing element of some 
sort, so that I can take the <br /> out of the xhtml?
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/