JSFiddle - React, Tailwind, and code Playground

HTML

<nav id="topNav">
    <ul class="conteneur" id="c1">
        <li><a href="accueil.php">ACCUEIL</a></li>
        <li><a href="page2.php">PAGE2</a>
            <ul>
                <li><a href="page2_creer.php">Creer</a></li>
                <li><a href="page2_corriger.php">Corriger</a></li>
            </ul>
        </li>
        <li><a href="page3.php">PAGE3</a></li>
    </ul>
</nav>

<nav id="topNav">
    <ul class="conteneur" id="c1">
        <li><a href="accueil.php">ACCUEIL</a></li>
        <li><a href="page2.php">PAGE2</a></li>
        <li><a href="page3.php">PAGE3</a></li>
        <li><a href="page3.php">PAGE4</a></li>
        <li><a href="page3.php">PAGE5</a></li>
    </ul>
</nav>

CSS

nav {
    display: table;
    width: 1000px;
    table-layout: fixed;
    margin-bottom: 20px;
}

nav ul {
    display:table-row;
}

nav ul li {
    display: table-cell;
    border: 1px dotted red;
    padding: 4px 6px;    
    width: 100%;
}