Como elimino la sangría de una lista?

Css | Escrito por Ezequiel M. | Febrero - 14 - 2009

Para remover sangría de una lista UL hay que eliminar los margenes y los rellenos de la misma. Las propiedades de Margin y Padding deben tener asignado un valor igual a cero, y complementariamente hay que usar el atributo de estilo de lista llamado list-style-type, con valor none.

Código CSS:

ul{
margin:0;
padding:0;
list-style-type:none;
}

Código XHTML:


Item de la lista numero 1
Item de la lista numero 2
Item de la lista numero 3

Resultado:

Item de la lista numero 1
Item de la lista numero 2
Item de la lista numero 3

Articulos relacionados:

Como elimino los Bullets de las listas? Las listas sean ordenadas o no, presentan por defecto Bullets para cada elemento LI de la misma. Muchas veces al usar muchas listas las hojas de estilos se vuelven catastróficas, por la cantidad de clases asignadas a cada una. Para eliminar los bullets hay que referirse a la etiqueta UL, no a la LI como muchos
Como muestro una lista en posición horizontal? Las listas tienen la propiedad Block asignada por defecto, lo que hace que se muestre una linea debajo de otra formando una lista vertical. Como podemos ver en la web, la mayoría de los menús de los sitios o blogs están posicionados horizontalmente, para lograr eso tenemos que usar el valor Inline. Solo hay que usar
Como estilizo reglas horizontales sin imágenes? Muchos olvidaron que en Xhtml hay un elemento que se llama HR exclusivo para la creación de reglas horizontales. A través de CSS podemos darle el aspecto deseado y dejar de usar imágenes para simular divisiones. Atacamos directamente a la etiqueta HR desde la hoja de estilo asignando los atributos necesarios. Podemos definir el grosor y

Comentarios:

Esta muy buena la información.

Gracias!
Lo dijo Samuel el 14 Febrero 2009 a las 23:30
Estoy aprendiendo css, quiero mas tips. Saludos
Lo dijo Andres el 18 Febrero 2009 a las 16:12
Esto me vino bien para borrar la sangría de un menú hecho con CSS y Listas HTML. ¡Gracias!
Lo dijo Andy el 29 Agosto 2009 a las 22:46
Estupendo cada dia se aprende mas. Huuu como cuesta maquetar una web con css pero a la vez muy ventajoso a la hora de hacer modificacion es a futuro.
Lo dijo MaxiSantos el 24 Enero 2010 a las 8:49
Cual es el codigo para colocar sangria en un texto?
Lo dijo Jess el 16 Agosto 2010 a las 14:14
Jess estas por usar parrafos para los textos? lo podes hacer con la propiedad “text-indent”,
Lo dijo Ezequiel M. el 8 Septiembre 2010 a las 23:07