Bonjour,

Deuxième posts de la matinée, hum pas facile quand on débute !

Voila mon problème, j'ai crée un menu (voir ci-dessous) et je ne comprends par pourquoi, les mots composés (avec espace) vont systématiquement à la ligne...

Voici mon code HTML :

<nav>
                        <ul>
                            <li> <a href="#">Phnom-Penh</a></li>
                            <li> <a href="#">Culture</a></li>
                            <li> <a href="#">Événements</a></li>
                            <li> <a href="#">Hébergements</a></li>
                            <li> <a href="#">Restaurants</a></li>
                            <li> <a href="#">Cafés</a></li>
                            <li> <a href="#">Bars</a></li>
                            <li> <a href="#">Spa - Massages</a></li>
                            <li> <a href="#">Infos Utiles</a></li>
                        </ul>

Faut-il créer une balise <div> sur ce menu spécifique dans le header afin de régler le problème en CSS ?

Car j'ai déjà baliser les menus en CSS de ma page, peut-être n'ais-je pas appliquer les bons paramètres sur le code CSS ci dessous ?

nav ul
{
    list-style-type:none;
    display: flex;
}

nav li
{
    margin-right: 15px;
}

J'ai essayé la balise flex-wrap:nowrap qui me parait légitime dans ce cas de figure mais cela n'a rien donné. 

Merci pour vos retours.

Cordialement,

Stéphane

*EDIT*

Je me réponds à moi même car j'ai trouvé la solution :

white-space: nowrap

Placé dans la balise <ul> de mon code CSS

-
Edité par Stéf-âne 19 janvier 2021 à 11:30:15