Mam problem z wyśrodkowaniem menu. Nie wiem co zrobić, podpowię ktoś?
Kod CSS:
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');
body{
background-color: white;
}
.title{
color: #5e0a0d;
text-align: center;
font-size: 60px;
font-weight: 900;
margin-top: 20px;
font-family: Playfair Display, Arial;
}
menu{
display: flex;
justify-content: center;
text-align: center;
}
ul{
float: left;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
}
li a{
display: block;
float: left;
justify-content: center;
text-align: center;
font-size: 1.1em;
width: 100px;
text-decoration: none;
color: white;
background-color: #5e0a0d;
padding: 10px 15px;
margin: 0px 1px 1px 0px;
}
li a:hover {
color: #5e0a0d;
background: white;
border: 1px solid#5e0a0d;
}