Nie działa justify-content. Problem w wyśrodkowaniem menu.

pytanie zadane 14 stycznia 2021 w HTML i CSS przez Rever Początkujący (290 p.)
zamknięte 24 stycznia 2021 przez Rever

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;
}

komentarz zamknięcia: Użytkownik niezalogowany pomógł. Dzięki wielkie.

1	komentarz 14 stycznia 2021 przez Tomek Sochacki Ekspert (227,510 p.) nie mamy html więc ciężko się odnieść, ale czy czasem w "menu{" nie powinno być: ".menu{" ? (brak kropki oznaczającej klasę menu, a nie element <menu>?

komentarz 14 stycznia 2021 przez Rever Początkujący (290 p.)

Uww racja.
HTML:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <header>
        <div class="title">Anagram</div>
    </header>
<br><br><br>
    <div class="menu">
        <section>
            <nav>
            <ul>
            <li><a href="link">Główna</a></li>
            <li><a href="link">Aktualności</a></li>
            <li><a href="link">Felietony</a></li>
            <li><a href="link">O nas</a></li>
            <li><a href="link">Kontakt</a></li>
            <li><a href="link">Partnerzy</a></li>
            <li><a href="link">Zespół</a></li>
            <li><a href="link">Sklep</a></li>
            </nav>
            </section>
    </div>
</body>
</html>