I try to center the nav paragraphs, it won't center. I have tried a lot of things now, but can't find the result.
Here is my CSS :
header {
background: #444444;
z-index: 100;
transition: height 600ms 0s ease;
position: fixed;
top: 0;
right: 0;
left: 0;
color: #ffffff;
}
#head {
font-family: quicksand;
text-align: center;
}
nav {
background: #333333;
position: fixed;
top: 82px;
right: 0;
left: 0;
color: #ffffff;
}
.navs {
font-family: quicksand;
font-size: 18px;
text-align: center;
display: inline-block;
}
a,
a:link,
a:visited,
a:hover {
text-decoration: none;
color: white;
font-family: quicksand
}
#left {
margin-right: 15px;
}
Here is my HTML :
<header>
<h1 id="head">Resume - Mathias Nicolajsen</h1>
</header>
<nav>
<a href="diagonaler.html"><strong><p class="navs" id="left">Projecter</p></strong></a>
<strong><p class="navs">Omkring mig</p></strong>
</nav>
<p>Lavet af Mathias Nicolajsen</p>
How can I do that ?
Just add text-align: center;
to nav { }
to center the elements.