Как выровнять меню по центру по горизонтали?
html:
<div id="nav">
<ul>
<li><a href="#portfolio">Портфолио</a></li>
<li><a href="#education">Образование и Навыки</a></li>
<li><a href="#about">Обо мне</a></li>
<li><a href="#contact">Связаться</a></li>
</ul>
</div>
css:
#nav ul li a {
background-color: #FFF;
position: fixed;
width: 100%;
height:47px;
text-align: center;
display: inline;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color:#000;
vertical-align:middle;
}
так выглядит при тесте: