Alinear con borde inferior

[severicks]

Hola. como puedo alinear una lista de links (ul, li) al borde inferior de su contenedor, es decir

Código HTML:

<ul><li><a class="h2">Texto del linl</a></li><li><a class="h1">Texto del link</a></li></ul> 

si defino un height igual para todos los <li> como puedo hacer para que el <a> dentro de el se aline hacia la izquierda y con el borde inferior en lugar del superior? quiero hacer algo similar a la lista de ciudades de esta pagina http://www.eurotrip.com/, con el texto de los links de diferente tamaño y como lo predeterminado es que se alinien al borde superior el texto resultante se ve mal. como puedo hacer para alinearlo al borde inferior de el <li>??

[w0rldart]

No entiendo muy bien lo que quieres decir. Ponme la url de la web que haces con la lista tal como queda.

[severicks]

este es el maquetado que estoy haciendo http://fr.tourezine.com/Upload/ la lista en que dice San Salvador, se ven mal por que estan alineados al borde superior en lugar de al inferior

[AhmedRugama]

prueva con esto:

ul{
position:relative;
Agregale el height y el width
}
li{
position: absolute;
bottom: 0;
}

Si no te da con esto cambia los li por p y el ul por un div.

[severicks]

no me funciono haciendo eso, se me ocurrio usar p desde un principio pero preferiria lograr lo mismo con li ya que es semanticamente mas correcto por ser una lista de links