<!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>