Eliminar sangría de lista desordenada con CSS

Cuando el texto de una lista desordenada se ajusta, pueden aparecer sangrías no deseadas. Para solucionar este problema, intente los siguientes pasos:

1. Eliminar sangría

Eliminar el relleno predeterminado y la sangría de estilo de lista:

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

2. Disminuya la altura de la línea

Si es necesario, reduzca la altura de la línea configurándola igual al tamaño de fuente, o un poco menos:

ul li {
    line-height: 1em;
}

3. Deshabilitar flotador

Elimine cualquier propiedad flotante aplicada a los elementos de la lista, asegurándose de que muestren bloques en línea en su lugar:

ul li {
    float: none;
    display: inline-block;
}

4. Ajustar el tamaño de fuente

Como paso final, ajuste el tamaño de fuente a la apariencia deseada.

Ejemplo

Considere el siguiente código:

#info {
    ...
}

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

#info ul li {
    float: none;
    display: inline-block;
    line-height: 1em;
}
Esta combinación de técnicas debería eliminar la sangría de las líneas ajustadas en listas desordenadas, asegurando una apariencia limpia y profesional.