Lista horizontal...

[gumer]

Buen día, pls una pequeño empujon en esto
Tengo una lista
<ul>
<li>UNO</li>
<li>CARRO</li>
<li>MADRID</li>
</u>
Y me da una lista en vertical, una sobre otra Ok, hasta lo sé, pero quiero q sea una lista horizontal, e intentado con:
<ul style="list-style-type:none;">
<li>UNO</li>
<li>CARRO</li>
<li>MADRID</li>
</u>

Pero no sale, cual seria la opción correcta y donde lo tendria que poner para que me salga alo asi.
- UNO - CARRO - MADRID

[gumer]

<ul>
<li style="list-style-type:none; display:inline;">UNO</li>
<li style="list-style-type:none; display:inline;">CARRO</li>
<li style="list-style-type:none; display:inline;">MADRID</li>
</u>
Ya salio asi, pero ahora como hago para que ocupe el 100% de la pagina ¿?

[lvfp]

Bueno, primero decirte que uses css y no los estilos directamente en tu html.

después, en mi caso normalmente para listas horizontales uso:

li{

float:left;
width: 33%; (en este caso con 3 objetos sería 33% y el del medio 34%. Segunda caso habría que jugar con anchos, margenes, paddings..)
text-align:center;
}

con un <ul> que tenga el 100% de ancho, claro.