title: HTML list-style-type dash
body: <p>Is there a way to create a list-style in HTML with a dash (i.e. - or &ndash; <code>&amp;ndash;</code> or &mdash; <code>&amp;mdash;</code>) i.e.</p>
  
  <pre><code>&lt;ul&gt;
    &lt;li&gt;abc&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Outputting:</p>
  
  <pre><code>- abc
  </code></pre>
  
  <p>It's occurred to me to do this with something like <code>li:before { content: "-" };</code>, though I don't know the cons of that option (and would be much obliged for feedback).</p>
  
  <p>More generically, I wouldn't mind knowing how to use generic characters for list items.</p>