Propiedad list-style-position

info

Función

Establece si las viñetas aparecen dentro o fuera de los elementos de lista

code

Ejemplo de Código

/* Por defecto */
ol {
  list-style-position: outside;
}

/* Viñetas dentro */
ol {
  list-style-position: inside;
}
check_circle

Valor por defecto: outside

arrow_outward

outside

Las viñetas están fuera del elemento de lista

I. Primer elemento
II. Segundo elemento
III. Tercer elemento
arrow_inward

inside

Las viñetas están dentro del elemento de lista

I. Primer elemento
II. Segundo elemento
III. Tercer elemento
tips_and_updates

Con inside, el texto puede envolverse alrededor de la viñeta