Como colocar lista

[chem]

Buenas! Acabo de comenzar con css y tengo un problemilla con una lista.
Como haria para conseguir que una lista se me quedara tal q asi, en dos columnas:

Código:

          Tema del día                              España

           Opinión                                    Aragón 

           Internacional                            Tecnología

           Política                                    Espectáculos 

           Economía                                 Deporte 

           Sociedad                                 Rádio + Tele

Este es el xhtml:

Código:

<ul class="lista_rss">
            <li>Tema del día</li>
            <li>Opinión</li>
            <li>Internacional</li>
            <li>Política</li>
            <li>Economía</li>
            <li>Sociedad</li>
            <li>España</li>
            <li>Aragón</li>
            <li>Tecnología</li>
            <li>Espectáculos</li>
            <li>Deporte</li>
            <li>Rádio + Tele</li>
         </ul>

He intentado crear dos clases una para los li de la izquierda y otra pa los li de la derecha pero al hacer esto se me ponen los li en linea y aunque los ponga a display: block siguen estando en linea.

Muchas gracias de antemano!.

[GoRaK]

Código:

ul.lista_rss{
    float:left;
  }

<ul class="lista_rss">
            <li>Tema del día</li>
            <li>Opinión</li>
            <li>Internacional</li>
            <li>Política</li>
            <li>Economía</li>
            <li>Sociedad</li>
         </ul>
<ul class="lista_rss">
            <li>España</li>
            <li>Aragón</li>
            <li>Tecnología</li>
            <li>Espectáculos</li>
            <li>Deporte</li>
            <li>Rádio + Tele</li>
</ul>

Espero que te valga. Valido para IE, Firefox, Opera

Si quieres mas margen puedes probar a darle valores a margin.

[chem]

Muchas gracias gorak! pero... ¿es posible hacerlo con un solo ul?

[chem]

Bueno despues de mucho probar he encontrado la forma de colocar una lista con un solo ul en dos columnas, aqui lo dejo por si le sirve a alguien en un futuro.

Lo que hay que hacer es flotar a la izquierda tanto el ul como los li. Una vez echo esto le damos un width al ul y le damos el mismo width partido por dos a los li, de esta manera se van colocando los li de dos en dos :).

Código:

ul{
  width: [N]px;
  float: left;
}

li{
  width: [N/2]px;
  float: left;
}

[JavierB]

Eso ha estado bien chem

Se me ocurre una mejora que consiste en poner el ancho de los li en porcentaje:

Código:

li{
  width: 50%;
  float: left;
}

Saludos,