Welcome to WebmasterWorld Guest from 54.160.254.203

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)

New User

10+ Year Member

joined:Mar 13, 2003
posts:2
votes: 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

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

Senior Member

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

joined:Mar 15, 2002
posts:6807
votes: 0


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)

New User

10+ Year Member

joined:Mar 13, 2003
posts:2
votes: 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

 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members