H
htmlberliner
Guest
Guten Tag, wie kann ich die Navigation zentrieren, ohne feste Werte, damit sie responsive ist?
HTML:
<nav id="menu">
<ul>
<li><a href="#" class="active">Home</a></li>
<li><a href="#">Projekte</a></li>
<li><a href="#">Referenzen</a></li>
<li><a href="#">Kunden</a></li>
<li><a href="#">Kontakt</a></li>
<li><a href="#">Impressum</a></li>
</ul>
</nav>
PHP:
body {
margin: 0;
padding: 0;
font-family: 'Lato', sans-serif;
}
nav#menu {
position: absolute;
width: 100px;
}
nav#menu ul {
margin-left: auto;
margin-right: auto;
}
nav#menu ul li {
float: left;
font-weight: 300;
font-size: 18px;
text-transform: uppercase;
list-style: none;
margin: 10px 0px 0px 20px;
}
nav#menu ul li a {
text-decoration: none;
color: white;
}
nav#menu ul li a.active {
font-weight: 400;
}