목록에서 요소를 잘라낸 다음 줄로 전달하는 방법은 무엇입니까?

Question

나는 목록을 가지고 있으며 상자에 한 줄로 정렬했다.

<div class="box"> 
<ul> 
    <li> 
     <a href="http://www.google.com">Example Link Sample</a> 
    </li> 
</ul> 
</div> 

CSS :의 cutted 라인의 끝 부분에

.box {width:500px; margin:auto;} 

li {display:inline;} 

그러나 일부 목록 요소. 절단 한 경우 어떻게 다른 선으로 강제로 옮길 수 있습니까? http://jsfiddle.net/P5D8u/이

스크린 샷 : http://prntscr.com/m0i88

Answer 1

이 추가 : li 요소

가

li { 
    white-space: nowrap; 
} 

display:inline; 다음 행으로 흐를 수있는 3 일의 원인이되는

다음은 예입니다.