HTML CSS LI Wrapping

Question

Tengo un menú vertical en mi sistema, que básicamente está hecho de HTML ul/li con estilo CSS (ver imagen a continuación). Sin embargo, no quiero los artículos li que son más anchos que el menú para envolver, preferiría que se desborden con una barra de desplazamiento horizontal en la parte inferior del menú. ¿Cómo puedo hacer esto en CSS?

Answer 1

ul { 
    overflow: auto; // allow li's to overflow w/ scroll bar 
        // at the bottom of the menu 
} 

li { 
    white-space: nowrap; // stop the wrapping in the first place 
} 

Answer 2

Use white-space:nowrap. Como tal:

li { 
    white-space:nowrap; 
} 

Aquí hay algunos documentation.

Answer 3

Usted también tiene que darle el estilo del ul:

ul{ 
width:250px; 
overflow:auto; 
}