Welcome to WebmasterWorld Guest from

Forum Moderators: not2easy

Message Too Old, No Replies

Inline divs will not line up horizontally

divs are not even



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

10+ Year Member

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.



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

WebmasterWorld Senior Member drdoc is a WebmasterWorld Top Contributor of All Time 10+ Year Member

Welcome to Webmaster World!

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


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

10+ Year Member

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.



Featured Threads

Hot Threads This Week

Hot Threads This Month