У меня такой неупорядоченный список:
HTML
- Lorem ipsum dolor sit Lorem ipsum dolor sit
- Lorem ipsum dolor сидеть
- Lorem ipsum dolor сидеть
- Lorem ipsum dolor сидеть
CSS
.custom-list {
width: 250px;
}
.custom-list ul {
margin-top: 25px;
padding: 0 27px;
}
.custom-list li {
list-style: none;
font-size: 0.875rem;
color: #959595;
text-align: left;
}
.custom-list li:before {
content: "•";
color: #cc2a41;
padding-right: 8px;
}
И если вы заметили первое li, текст не будет отступать, когда строка разрывается и идет под красным маркером. Как это исправить, чтобы текст выровнялся как блок? Спасибо!
См. демонстрацию: http://jsfiddle.net/wLLCn/2/