How do i embed my nav tag in a three horizontal dashes?

Question

when i say dashes i mean:
-
-
-

Answer 1

In pure css you can use the before pseudo element to put content before a tag. In this case you could put it before the <li> tag. Also you can get rid of bullets on an unordered list..

ul {
list-style-type:none;
}
li:before {
content:"-";
}

Or dirtier way is in your html you can put a dash manually but just before the <a> tag
<nav>
<ul>
<li>
-<a href='#'>L1</a>
-<a href='#'>L2</a>
</li>
</ul>
</nav>

Answer 2

In my test a:before put the dash in the link with underline and blue highlight.