htmlcssxhtmlhtml-lists

HTML list-style-type dash


Is there a way to create a list-style in HTML with a dash (i.e. - or – – or — —) i.e.

<ul>
  <li>abc</li>
</ul>

Outputting:

- abc

It's occurred to me to do this with something like li:before { content: "-" };, though I don't know the cons of that option (and would be much obliged for feedback).

More generically, I wouldn't mind knowing how to use generic characters for list items.


Solution

  • In my case adding this code to CSS

    ul {
        list-style-type: '- ';
    }
    

    was enough. Simple as it is.