Liste non ordonnée avec la barre de défilement horizontale

Question

Je veux avoir une liste UL, mais avec ses éléments flottants à gauche et liste pour avoir une hauteur et une largeur fixes.

Ce que j'ai maintenant:

ul { 
width: 230px; 
height: 30px; 
overflow-x: scroll; 
} 

li { 
float: left; 
display: inline 
} 

HTML:

<ul id="dev"> 
    <li>el</li> 
    <li>el</li> 
</ul> 

éléments flottent bien, mais scrollbar ne fonctionne pas (grisés) et les éléments vont à la nouvelle ligne. Que puis-je faire?

Answer 1

enlèverait juste le flotteur de vos éléments de liste: jsfiddle.net/FJSry/3/

Answer 2

ul { 
    width: 230px; 
    height: 30px; 
    overflow-x: scroll; 
    white-space: nowrap; 
} 

li { 
    display: inline-block; 
}