--- Barney Carroll <[EMAIL PROTECTED]> wrote: > Elli, > > You want to float:left; The value of float is which > direction it should > go to while remaining on the same horizontal level >
As it turns out, I needed the list to float right as far right as it would go, so I resolved that by wrapping the UL and the "LATEST POSTS" title in a div and floated that to the right of the "SUBJECT GOES HERE" image. Problem I have now is that the div that contains both elements seems to only adjust it's height to the height of the image. Meanwhile the UL list is a bit longer than that and I need the containing div to adjust to the height of the list. I have outlined both divs with borders in this sample: http://e7flux.com/images/impact_template.gif Here is the code snippet: <div class="masthead"> <div class="fr"> <strong>LATEST POSTS:</strong> <ul> <li><a href="#">Headline goes right over here in this space</a> <span class="grey">11:41 AM</span></li> <li><a href="#">This is another headline right here underneath the first one</a> <span class="grey">9:27 AM</span></li> <li><a href="#">This headline is long so it cuts off after ## characters and adds ellipsis...</a> <span class="grey">8:56 AM</span></li></ul> </div><img src="/images/impact/subject_mast.gif" alt="Subject: Tagline Goes Here" /> </div> </div> and here is the CSS: .masthead { margin-bottom: 15px; border: 1px solid #E8E8E8; font-size: 11px; color: #405094;} .masthead .fr {float: right; border: 1px solid #000;} .masthead strong {color: #fd6205; } .masthead ul {list-style-position: inside;} .grey {color: #626b77;} Any help would be greatly appreciated. Elli ____________________________________________________________________________________ Need a vacation? Get great deals to amazing places on Yahoo! Travel. http://travel.yahoo.com/ ______________________________________________________________________ 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/