Я пытаюсь центрировать три элемента <aside>
по вертикали. Как видите, они выровнены ближе к правой стороне.
<aside>
<section>
<div class="container">
<nav>
<ul class="center">
<a><li>Home</li></a>
<a><li>Projects</li></a>
<a><li>Contact</li></a>
</ul>
</nav>
</div>
</section>
</aside>
CSS
body{
margin: auto;
}
.container{
background-color: black;
color: white;
width: 7rem;
height: 100vh;
display: flex;
flex-direction: column;
text-align: center;
}
ul{
list-style-type: none;
}