homepage Welcome to WebmasterWorld Guest from 54.225.57.156
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

    
Inline divs will not line up horizontally
divs are not even
ejheme




msg:1175905
 8:27 pm on Mar 13, 2003 (gmt 0)

I am trying to align content to the left and right within the same line. This is similar to a two-column table with opposite horizontal alignment in the columns.

I've been using two DIVs set to the same height and using the display: inline property. The problem is that unless I put the same content in each, they are a dash off vertically

Any advice would be appreciated.

Thanks,
Heme

 

DrDoc




msg:1175906
 10:52 pm on Mar 13, 2003 (gmt 0)

Welcome to Webmaster World!

Have you tried using float:left in both DIVs instead of display:inline?

ejheme




msg:1175907
 3:37 pm on Mar 17, 2003 (gmt 0)

Thanx DrDoc,

I figured out the problem was being caused by the lack of the vertical align property and a <hr /> within one of the divs. Once I added “vertical-align: top” to the divs they lined up properly.

-Heme

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved