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 🙂