Как в CSS стилизировать элемент списка?

Question

[Ростислав]

Нужно стилизировать даный список, как на изображении. Как сделать дефисы в списке обведены красным прямоугольником?

Comments

[Иван]

class_name:berore{
content: ' - ';
vertical-align:middle;
}

[Ярослав Иванов]

Иван, —

[Ярослав Иванов]

Вы делаете веб-сайт любой сложности но не можете банальный список стилизовать ?

Answer 1

[Артур]

ul {
    list-style: none;
}

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

jsfiddle.net/85jaxc5t

Comments

[Ростислав]

Спасибо вам большое!

Answer 2

[Дмитрий Ивченков]

Еще можно маркер списка оформить в виде картинки. Например:

ul li {
list-style-image:url('sqpurple.gif');
}