вариант раз, просто поправил код из первого поста:
CSS:
Код
#menu{
margin: 0;
padding: 0;
text-align: center;
list-style-type: none;
}
#menu li{
display: inline;
padding: 10px 3px;
}
#menu li a{
font-size: 24px;
color: #faf3ed;
line-height: 40px;
padding: 0 20px;
height: 44px;
letter-spacing: -1px
}
второй вариант - "те же яйца, только в профиль":
Код
nav {
margin: 0 auto;
padding: 0;
width: 100%;
}
nav ul{
list-style: none;
text-align: center;
}
nav ul li{
display: inline;
margin-left: 10px;
}
nav ul li:first-child{
margin-left: 0;
}
nav ul li a{
text-decoration: none;
color: #000;
}
nav ul li a:hover{
color: lightblue;
}
Вариант с div
HTML:
Код
<nav>
<div style=" width:100%; height:1px; clear:both;"></div>
<div id="line">#1</div>
<div id="line">#2</div>
<div id="line">#3</div>
<div id="line">#4</div>
<div id="line">#5</div>
<div style=" width:100%; height:1px; clear:both;"></div>
</nav>
CSS:
Код
nav {
text-align: center;
width:500px;
margin: 0 auto;
}
nav #line{
padding: 2px 10px;
float: left;
text-align: center;
width: 18%;
margin: 0 1%;
box-sizing: border-box;
}