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>
>
> 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?
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.
--
--
Christian Montoya
christianmontoya.com ... rdpdesign.com ... cssliquid.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/
