Para fazer listas numeradas com html básico, usamos as tags ol
e il
. A primeira indica uma lista ordenada e a segunda gera o item da lista propriamente dito.
Se usamos um ambiente ol
dentro de outro, teremos uma lista com sub-tópicos. Assim:
- item 1
- item 2
- subitem 1
- subitem 2
- item 3
O código-fonte para esta lista fica assim:
Em editores de texto, é comum aplicar numeração de acordo com a numeração do tópico principal. Dessa maneira, a numeração dos subitens ficaria 1.1, 1.2, 1.3 e assim por diante. Depois de alguma pesquisa, encontrei um jeito simples de fazer isso usando apenas CSS. Veja como fica:
- item 1
- item 2
- subitem 1
- subitem 2
- item 3
A compatibilidade de navegadores é ampla. Eu postei essa resposta lá no StackOverflow. Confira o código-fonte (HTML + CSS):
Ótimo! Valeu! Só tem um problema, tentei colocar uma classe nas listas para mudar a distância das margens mas não deu certo. Como faço?
ResponderExcluirObrigado!
Eu consegui, David... veja esse exemplo: https://jsfiddle.net/g77c0ug2/.
ResponderExcluirDá pra usar margin-left ou padding.