Как переполнить текст вместо переноса в элемент?

Question

Я настраиваю ширину элемента div, но содержимое <li> внутри оборачивается настройкой ширины и не переполняется. Я хочу, чтобы тексты не переносились, а переполнялись всякий раз, когда ширина становится меньше.

Есть ли свойство, которое устанавливает поведение содержимого следующим образом?

Это мой 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 внутрь:

<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
}