Horizontal Align 3 divs

Can someone help me align the three divs in the header on this site: http://rosemountata.com/new_site/default.asp
Rosemount ATA

The first two are fine but the far right one is not.  If you could explain the concept that would be awesome as well.

Bob SchneiderCo-OwnerAsked:
Who is Participating?
GaryConnect With a Mentor Commented:
Change the parent block div's to display:inline-block and remove the margins.

Then just adjust the widths so they fit the full width.
Bob SchneiderCo-OwnerAuthor Commented:
That helped a great deal...thanks.  But the table on the right is still sitting a little low.
nap0leonConnect With a Mentor Commented:
I find "float:left" works well in these situations.
<div style="padding: 0px 0px 0px 10px; text-align: left; width: 440px; float: left; display: inline-block;">
<div style="font-size: 0.75em; color: rgb(0, 0, 0); float: left; display: inline-block; width: 160px;">
<div style="width: 180px; font-size: 0.75em; color: rgb(255, 255, 255); margin-left: 15px; float: left; display: inline-block;">

Open in new window

Bob SchneiderCo-OwnerAuthor Commented:
Very helpful!  Thank you!!
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.