How to make dashes in list “ul li” using CSS

For example, I need to make list like this:

My list items

– item1
– item2
– item3

Here’s a nice way to make list with dashes.

ul {
list-style-type: none;
}

ul li:before { 
content:"-"; 
position:relative; 
left:-5px;
}

ul li { text-indent:-5px; 
}

Old browsers goodbye – you are unsupported 🙂