[RESOLU] <li> sans retour à la ligne

Bonjour à tous,

Voilà tout est dans le titre je cherche à faire un liste

<ul><li>-1</li><li>-2</li><li>-3</li></ul>

sans retour à la ligne
qu'il s'affiche
-1-2-3
et non
-1
-2
-3
j'ai essayé

ul,li.nuage { display : run-in; list-style-type: none; margin: 0; padding-left: 0px;} 

mias ca ne fonctionne pas. auriez vous une solution.?
Merci à vous
Modifié par gotcha5832 (24 Apr 2010 - 13:46)

Tu as plusieurs solutions pour tes li :
* display: inline
* display: inline-block (attention cependant à la compatibilité inter-navigateurs)
* display: table-cell, si ton ul est en display: table (attention à la compatibilité inter-navigateurs ici aussi)
* float: left

ul { list-style-type: none;} 
ul li.nuage {display :inline-block;margin: 0; padding-left: 0;}

Hello,

Pour conclure après ces deux bonnes interventions, je me permettrais simplement de rajouter que si tu veux structurer quelque chose qui ressemble à "1-2-3", il vaudrait mieux choisir <ol> que <ul>

Merci à vous.

Après avoir pas mal chercher j'ai trouver.
Le problème venais d'un conflit entre deux css.

@Raphael: effectivement, mais l'exemple que j'ai donnée n'était pas bon dans mon cas c'est une liste non ordonnée.

Le problème est donc [résolu] ?

Oupss désolé