Guten Morgen, ich möchte gerne, dass das Menu (im folgenden Code) zentriert ist. Wie kann ich das mit CSS realisieren?
index.html
<html>
<body> <nav>
<ul class="menu">
<li><a href="index.html">Startseite</a></li>
<li><a href="fotografien/">Galerie</a></li>
<li><a href="über-mich/">Über Mich</a></li>
<li><a href="kontakt/">Kontakt</a></li>
</ul>
</nav>
</body>
</html>
style.css
html, body{
margin: 0;
padding: 0;
}
body {
font-family: 'Lato', sans-serif;
font-weight: 300;
}
nav {
width: 100%;
height: 50px;
background-color: #d0d0d0;
}
nav ul li {
list-style: none;
height: 25px;
padding: 15px 0px 10px 0px;
width: 120px;
text-align: center;
float: left;
text-decoration: none;
}
nav ul li a, nav ul li {
text-decoration: none;
text-align: center;
color: black;
letter-spacing: 1px;
}