viñetas li de html css

Por defecto, los navegadores colocan la viñeta fuera del contenido del <li>, por lo que se comporta como si estuviera "fuera" del bloque del texto. Para mover la viñeta hacia adentro y luego agregar el margen izquierdo, puedes hacer lo siguiente:

aside ul li {

    list-style-position: inside; /* Coloca la viñeta dentro del bloque de texto */

    margin-left: 20px; /* Aplica margen al lado izquierdo, afectando la viñeta y el texto */

}