Cześć,
próbuje wyśrodkować menu, obecnie wygląda to tak:

HTML:
<body>
<div id="menu">
<nav>
<a class="menu active" href="index.html">O mnie</a>
<a class="menu" href="umiejetnosci.html">Umiejętności</a>
<a class="menu" href="projekty.html">Projekty</a>
<a class="menu" href="kontakt.html">Kontakt</a>
</nav>
</div>
</body>
CSS:
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
width: 100%;
}
#menu {
max-width: 100%;
height: 50px;
background-color:dimgray;
}
nav {
background-color:dimgray;
width: 1000px;
}
nav a {
display: block;
width: 25%;
height: 50px;
float:left;
text-align: center;
text-decoration: none;
font-size: 20px;
color: white;
background-color: dimgray;
padding: 15px 30px;
transition: all 1s ease;
}
.active {
background-color:darkturquoise;
}
a.menu:hover {
background-color:darkturquoise;
}
Problem w tym, że pasek ma być na całą szerokość ekranu ale samo menu na 1000px i samo menu ma być wyśrodkowane, a nie do lewej jak w tym momencie. Jak to najlepiej zrobić?