Removendo recuo de listas não ordenadas: o recuo de texto negativo é a única solução?

Surge a pergunta: como eliminar todo o recuo de um elemento de lista não ordenado (ul), apesar das tentativas de definir margem, preenchimento e recuo de texto como 0. Embora definir recuo de texto para valores negativos pareça funcionar, é o única maneira?

A resposta está em definir o estilo da lista e o preenchimento esquerdo como nada. Ao implementar o código a seguir, você pode obter o efeito desejado:

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

Este código remove o recuo eliminando o estilo de lista padrão e redefinindo o preenchimento esquerdo para 0. Aqui está um exemplo para ilustrar o resultado:

• a
• b
• c

Nesse caso, os itens não ordenados da lista serão exibidos sem qualquer recuo.