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

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; 
}

ul {

list-style-type: none;

}

ul li:before {

content:"-";

position:relative;

left:-5px;

}

ul li { text-indent:-5px;

}

Old browsers goodbye - you are unsupported 🙂