How to Create a List With Dashes in HTML
If you want to have an unordered list styled with dashes instead of bullets, you can use the CSS :before pseudo-element with the content property.
In the example above, we set the list-style-type property of the <ul> element to “none”. Also, we added the position and margin-left properties to the <li> elements.