UL hypen

by fredericklim

HTML

<ul>
  <li>Hi I am an ul item
    <ul>
      <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit
        <ol>
          <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit</li>
          <li>Donec ullamcorper nulla non metus auctor fringilla
            <ul>
              <li>Euismod Fermentum Venenatis</li>
              <li>Donec ullamcorper nulla non metus auctor fringilla. Maecenas faucibus mollis interdum. Aenean lacinia bibendum nulla sed consectetur</li>
            </ul>
          </li>
        </ol>
      </li>
    </ul>
  </li>
</ul>

CSS

ul {
    list-style-type: none;
}

ul > li:before {
    content: "–"; /* en dash here */
    position: absolute;
    margin-left: -1.1em; 
}