Center Align Nav Text Vertically

Hi WA

I'm building a site called Ebonikal Beatz (www.ebonikalbeatz.depidesign.com). The problem is that the navigation (located at the very top) has some text (home, links, etc)that I would like to vertically center align. I've tried padding and margin top changes but it alters the entire navigation. Any tips on ways to accomplish this?

Hi ebonixs,

You could change a couple of values in the ul#cssmw > li > a rule in menu.css at line 36:

ul#cssmw > li > a {
    background-color: #333333;
    background-image: none;
    color: #FFFFFF;
    display: block;
    font-family: "Trebuchet MS",Helvetica,sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: bold;
    height: 16px;
    margin: 0;
    padding: 22px 5px;
    text-decoration: none;
    text-transform: uppercase;
    width: 65px;
}

@neilo

Thanks! I've been trying the same step for a while but it didn't accur to me to change the actual with of the div tag. Nice! Now I need to apply the same step to make them vertically aligned. The only problem is the text "contact" is shifted more to the right than center (I assume because of the length of the text). Hmmm...I wonder

Thanks again... if you hve any advice, I'm all ears. Again Thanks!

Instead of messing around with the left and right padding or margin. I've added text-align:center.

ul#cssmw > li > a {
background-image: none;
color: #FFF;
display: block;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
height: 16px;
margin: 0 auto;
text-decoration: none;
text-transform: uppercase;
width: 65px;
background-color: #333;
padding: 22px 5px;
text-align: center;

Again thanks for your help