"width" en elementos "inline"

[Rosencrantz]

Cordial saludo, mi duda es la siguiente:

Tengo una lista desordenada <ul> dentro de un <div>, dentro de la lista tengo varios <li> que estan en modo inline mediante la propiedad display:inline, pero lo que quiero es asignar un ancho definido a cada uno de estos <li> para que la presentacion no se vea tan desordenada, algo como decir:

div ul li{
display: inline;
width: 200px;
}

Pero no funciona y segun he leido no se puede definir un ancho fijo en elementos inline, asi que podria hacer al respecto?.

Se que con tablas es mas sencillo el asunto pero quiero darme la posibilidad de ir prescindiendo de ellas y usar CSS más seguido.

Gracias de antemano.

[lumiz]

display: block; enves de display: inline;

[PabloLPastor]

Hola,

Supongo que al ponerles display:inline lo que quieres hacer es un menú en línea o algo similar. Si quieres darle anchura los puedes poner como block, y para que queden en linea los flotas:

Código CSS:

div ul li{
display: block;
width: 200px;
float: left;
}
 

Precisamente acabo de preparar un tutorial visual sobre floats, por si te interesa.

Saludos

[kseso?]

Tiene tres etiquetas: ul/li/a
Desea que se muestren en línea los enlaces, ¿cierto?
Los li deben ser por lo tanto elementos en línea, y normalmente flotados.
Quien debe llevar el tamaño son los enlaces /a/
Declárelos de bloque, con su padding correspondiente para lograr la separación horizontal y el alineado vertical centrado. Y si lo precisa con un tamaño, quizás mínimo, pero eso ya depende de otros factores.

Un ejemplo muy básico: http://bit.ly/9xyZp2