Salut,

je souhaite avoir une liste (ul/li) qui ne contient pas de retour à la ligne en cas de texte trop long mais qui possède une largeur max.

J'ai tenté pas mal de chose ne fixant les max-width des balises ul et li, avec les propriétés white-space: nowrap mais rien y fait , soit mon texte effectue un retour à la ligne soit il est trop long et "déborde" de la zone souhaité.
Y'a t'il moyen d'avoir une sorte de gestion de la largeur d'un texte et de couper le texte si celui ci est trop long (façon "..." ) ?

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
 
<ul>
   <li>un texte</li>
   <li>un texte beaucoup trop long pour tenir sur une seule ligne</li>
</ul>

Code css : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
 
ul{
   max-width:90px;
}
 
li{
   white-space: nowrap;
   max-width:90px;
}
Merci.