Hola, puede que les parezca que el tema es muy clasico, pero la verdad es que buscado un montón y ninguna solucion que he visto me ha funcionado.
Mi situación particular es la siguiente:
Tengo un div con con un width:600px
dentro de este div tengo una lista ul con style="width:200px; margin:0 auto;"
y dentro van los <li style="display:inline; line-height: 50px; width: 56px;">
Bueno aquí todo bien: Tengo mi lista horizontal, el <ul> queda centrado y los elementos de adentro se colocan uno al lado del otro.
Pero aquí es cuando mi caso es distinto a los que he leído por alli.
Los elementos de mi lista son generados por una consulta mySql, por lo tanto la cantidad de elementos que me arroja va dependiendo. Entonces mi <ul> no puede tener un tamaño fijo, porque sino ya no me entran los elementos en la misma linea.
Aqui llego al problema:
Si quito el "width=200px", entonces automáticamente el <ul> ocupa todo el espacio del div que lo contiene(600px) y <li> se van pegando a la izquierda.
Entonces no se que puedo hacer, si quito el "margin auto" para que mi <ul> quede del tamaño justo y necesario seria perfecto, pero entonces deja de ser centrado dentro del div y se pega a la izquierda. El resultado es el mismo...
He intentado varias cosas pero nada me ha dado resultado así que aquí estoy, pidiendo de su generosa ayuda.
Gracias de antemano!! Bueno falta decir que soy novato en el tema, puede que la solucion sea muy simple o la haya tenido bajo los ojos todo este rato
hahah