Foros del Web » Creando para Internet » CSS »

centrar ul en div

Estas en el tema de centrar ul en div en el foro de CSS en Foros del Web. Como puedo centrar una lista en un div?...
  #1 (permalink)  
Antiguo 10/05/2013, 03:12
 
Fecha de Ingreso: mayo-2013
Mensajes: 75
Antigüedad: 10 años, 11 meses
Puntos: 0
centrar ul en div

Como puedo centrar una lista en un div?
  #2 (permalink)  
Antiguo 11/05/2013, 19:48
Avatar de ggomez91  
Fecha de Ingreso: octubre-2008
Mensajes: 181
Antigüedad: 15 años, 6 meses
Puntos: 13
Respuesta: centrar ul en div

Para centrar el contenido con:
Código CSS:
Ver original
  1. li{
  2.     text-align: center;d
  3. }

Para centrar toda la lista puedes hacerla block y centrarla con

Código CSS:
Ver original
  1. li{
  2.     display: block;
  3.     margin: 0 auto;
  4. }
  #3 (permalink)  
Antiguo 12/05/2013, 02:10
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: centrar ul en div

li por defecto es un elemento de bloque, así que redeclararlo como tal no es muy eficiente, como tampoco lo es ponerle márgenes automáticos sin indicar un ancho, ya que sino ocupará todo el ancho.

De todas formas, como la pregunta era centrar una lista, la cosa sería más bien así:

Código CSS:
Ver original
  1. div > ul {
  2.   width: 50%;
  3.   margin: 0 auto;
  4. }

Etiquetas: Ninguno
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 02:42.