Olá.
Saúde e Paz a todos.
Uma página com textos e no início de cada item um ( - ) traço. Exemplo:
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa.
Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sitamet commodo magna eros quis urna.
- Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus.
- Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci.
- Aenean nec lorem. In porttitor. Donec laoreet nonummy augue.
- Suspendisse dui purus, scelerisque at, vulputate vitae, pretium mattis, nunc. Mauris eget neque at sem venenatis eleifend. Ut nonummy.
Usando a CSS
<style>
ol {
counter-reset: list;
list-style: none;
}
ol > li {
list-style: none;
}
ol > li:before {
content: counter(list) ") ";
counter-increment: list;
}
</style>
Usando:
<body>
<ol>
<li>Primeira linha</li>
<li>Segunda Lina</li>
<li>Terceira</li>
</ol>
</body>
Tenho o resultado:
1) Primeira Linha
2) Segunda Linha
3) Terceira Linha
Ao invés dos 1) ; 2), 3) gostaria de apenas o traço -, como o exemplo citado acima.
Obrigado