How to indent text on 2nd line in list elements with icon fonts

Question

I use an icon font for list style elements:

.desc.std li:before {
  content: '\e81e';
  font-family: 'icons';
  width: .6em;
}

But when the text breaks to 2nd line, I have no text indent.

Can anyone please tell me, how I can get the 2nd and following lines indented?

Answer 1

Here's a possible solution if applicable for your situation:

CSS

li {
    position: relative;
    padding: 0 0 0 20px;
}

li:before {
    content: '\e81e';
    position: absolute;
    left: 0px;
    font-family: 'icons';
}

Demo

Try before buy