요소에서 줄 바꾸기 대신 텍스트를 오버플로하는 방법

Question

div 요소의 너비를 조정하고 있지만 내부의 <li> 내용이 너비 조정으로 줄 바꿈되어 오버플로하지 않습니다. 텍스트를 줄 바꿈하지 않고 너비가 작아지면 오버플로해야합니다.

이와 같은 콘텐츠 동작을 설정하는 속성이 있습니까?

편집

이 DIV 내부 둥지 하나에 내 CSS를

당신이 필요로하는

.contactPanel{ //the div container 
    z-index: 2; 
    left: 660px; 
    top: -650px; 
    position: relative; 
    width: 0px; 
    padding-left: 10px; 
    overflow: hidden; 
} 
.contactPanel ul{ 
    margin: 0; 
    padding: 0px; 
    list-style: none; 
    overflow: hidden; 
} 

Answer 1

입니다 :

<div class="wrapper"> 
    <div class="inner"> 
     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam non lacinia quam. Etiam neque elit, ullamcorper vel consectetur quis, tristique et elit. Proin facilisis purus ut velit dapibus luctus. Sed semper vestibulum metus, id adipiscing lectus malesuada in. Mauris vel turpis sem, eu suscipit arcu. Sed faucibus laoreet nisi, at elementum justo eleifend ut. In hac habitasse platea dictumst. Nunc nec ligula nibh, a varius massa. 
    </div> 

</div> 

CSS :

.wrapper { 
    width:400px; 
    border:1px solid #ff0000; 
    overflow:hidden 
} 

.inner { 
    width:500px; 
    border:1px solid #0000ff 
}