가로 스크롤 막대가있는 정렬되지 않은 목록

Question

UL 목록이 필요하지만 요소가 왼쪽으로 떠있는 상태로 고정 높이 및 너비로 목록이 표시됩니다.

내가 지금 무엇을 가지고 :

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

li { 
float: left; 
display: inline 
} 

HTML :

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

요소가 확실히 떠 있지만, 스크롤이 작동하지 않습니다 (회색) 및 요소는 새로운 라인으로 가고있다. 내가 무엇을 할 수 있을지?

Answer 1

그냥 목록 항목에서 플로트를 제거 : jsfiddle.net/FJSry/3/를

Answer 2

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

li { 
    display: inline-block; 
}