Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Title of the document</title> <style> ul { margin: 0; } ul.dashed { list-style-type: none; } ul.dashed > li { text-indent: -20px; } ul.dashed > li:before { content: "-"; text-indent: -20px; } </style> </head> <body> <h2> List with dashes</h2> <ul class="dashed"> <li>Text 1</li> <li>Text 2</li> <li>Text 3</li> </ul> <h2> List with bullets</h2> <ul> <li>Text 1</li> <li>Text 2</li> <li>Text 3</li> </ul> </body> </html>