Ok, gracias por contestar. Ya resolvi este problema
Ahora tengo otra duda (notaran que no se me da muy bien esto de CSS).
Código HTML:
<html>
<head>
<style>
#divTop { width: 100%; border: 1px solid #000 }
#divTop ul { margin: 0px; padding: 0px }
#divTop ul li
{
list-style-type: none;
float: left;
width: 32%;
border-right: 2px solid #f00;
padding: 5px;
}
#divTop ul li ul li { float: none; border: none; width: 100% }
</style>
</head>
<body>
<div id="divTop">
<ul>
<li>
<ul>
<li>11111111 111111111 111111111</li>
<li>11111111 111111111 111111111</li>
<li>11111111 111111111 111111111</li>
</ul>
</li>
<li>
asdkjfalsd akds foaisd ksafasfd<br>ashfda s8d9f7asdj fasd87fasd
</li>
<li>
asdkjfalsd akds foaisd ksafasfd<br>ashfda s8d9f7asdj fasd87fasd
</li>
</ul>
<div style="clear:left;"></div>
</div>
</body>
Puse un
border-right a cada
LI de la lista para usarlo como separador. Pero cuando uno de los
LI crece mas que los demas, el borde derecho no es del mismo tamaño para todos.
Asi se ve:
Que propiedad tengo que cambiar para que, sin importar el tamaño del
LI, todos tengan el borde derecho del mismo tamaño?