I have two links that I want to sit inside of a big gray box. Those two big gray boxes will be next to each other (matching heights) and centered in the page. However the second link has <br /> tags within it.
<div id="linkButtons"> <div class="linkButton"><a href = "">Removed Link Text</a></div> <div class="linkButton"><a href = "">Removed Link Text<br />and some more<br />Removed Link Text</a></div> </div> #linkButtons { width: 100%; text-align: center; border: 1px solid red; } .linkButton { height: 40px; width: 200px; margin: auto; padding: 20px 10px; background-color: #ccc; border: 1px solid #000; font-size: 20pt; } Now this achieves everything I want except that the DIVs will not sit next to each other horizontally, only vertically. If I try adding display: inline; to the linkButton class, it makes them sit where I want, but the link break element causes the div to become three imcompleted boxes - one for each line, missing a preceeding border (following the text). How I can make them sit next to each other yet remain one box surrounding the entire link? Michael Botsko Web Developer 503.227.2571 x230 AIM: botskonet TechTracker, Inc www.techtracker.com ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/