Vertically Center Navigation UL LI

Question

I wish to make the all the list items to be centered. or at least 20 pixels from the top.

I have tried negative margin-top but that didn't work.

Any suggestions?

Here is the site. http://freddygonzalez.me/dev/85

Answer 1

The simplest way to do this is to remove display: inline and margin-top and add the following rules to the li elements:

float: left;
line-height: 49px;

Note that this won't work if a menu item can have two lines of text.