Listas (Marker Box)

El negro marca la línea primaria del borde exterior de la izquierda del cuadro.
Todos los márgenes y paddings han sido enviadas por el selector universal a cero.

* {
margin: 0;
padding: 0;
}
Sin más instrucciones.

Markerbox hacia el interior.

ul {
list-style-position: inside;
}

Markerbox hacia el interior;
niveles anidados por sangrado.

ul {
list-style-position: inside;
}
ul ul {
margin-left: 30px;
}

Todos los Bullets ocultos;
anidados los niveles de sangría.

ul {
list-style: none;
}
ul ul {
margin-left: 30px;
}

Márgenes con distintos niveles de
sangrado;
anidados los niveles sin viñetas.

ul {
margin-left: 15px;
}
ul ul {
list-style: none;
margin-left: 30px;
}

Diferencias en el estilo de posición.

ul ul {
list-style-position: inside;
margin-left: 30px;
}

Índice Capítulo 7
Contenido material adicional