homepage Welcome to WebmasterWorld Guest from 23.20.196.179
register, login, search, subscribe, help, library, PubCon, announcements, recent posts, open posts,
Pubcon Website
Visit PubCon.com
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library : Charter : Moderator: open

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.
Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About
WebmasterWorld ® and PubCon ® are a Registered Trademarks of Pubcon Inc.
© Pubcon Inc. 1996-2012 all rights reserved