Help with vertical align in header.

In the header of this site: I'm trying to get the phone number that is on the right to vertical-align middle. I actually have all the containers set to middle right now, yet the phone number is still touching the bottom. The containers are set to table and table-cell. The images should be aligned to the bottom and the phone in the middle. (The phone number is wrapped in a span tag.)
LVL 14
Who is Participating?
Dave BaldwinConnect With a Mentor Fixer of ProblemsCommented:
You image is 100px high.  I would put the margin-top and margin-bottom for the phone number to about 40px.  That should put it about the middle.
DzynitAuthor Commented:
That didn't work at first. I changed the phone and image to float also inside their div then the margin setting worked. 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.