Evitar salto de linea en lista horizontal

[abuenog]

Hola,

Tengo un problema y no como solucionarlo.

Supongamos que tengo una lista del estilo:

<style>
ul
{
list-style-type: none;
}
ul li
{
display: inline;
}
</style>
<ul>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
</ul>


El problema es que si esta lista no se cabe dentro de la ventana del navegador, entonces me salta a la segunda linea con el resto de la lista. La idea es que me trabaje como las celdas de una tabla, que me coloque todos los li en una misma linea.
Como puedo solucionarlo?

gracias

[KnowDemon]

Hola,

Has dado en el clavo al decir: "que se comporte como las celdas de una tabla". Me parece que existe una regla CSS que hace eso... pero tiene un pobre soporte en los navegadores. Por no decir que IE no lo soporta en lo absoluto.

Prueba a codificar tu lista así:

<li>Test</li>&nbsp;<li>Test</li>&nbsp;<li>Test</li>&nbsp;...

Tal cual, sin saltos de línea. Tal vez eso resuelva tu problema.