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 PROTECTED] 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/