The problem with the float: left is that it offsets the centering. The two boxes are together and with a clear element the DIV boxes surround the links properly, but both links show up in the top left of the wrapping DIV.
Michael Botsko Web Developer 503.227.2571 x230 AIM: botskonet TechTracker, Inc www.techtracker.com -----Original Message----- From: Christian Montoya [mailto:[EMAIL PROTECTED] On 4/24/06, Mike Botsko <[EMAIL PROTECTED]> wrote: > 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> Best I can think of: .linkButtons { margin:0 auto; width: 400px; } .linkButton { float:left; width:50%; } And there might need to be a clearing element after the two div.linkButton to keep them contained. ______________________________________________________________________ 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/
