title: Indent ragged li when using a custom bullet
body: <p>I'm trying to indent ragged li lines whilst using a custom bullet point, however any minus 'text-indent' solutions I've found online haven't worked - unless I'm missing something.</p>
  
  <p>Would it be possible for someone to take a look at the code below and tell me what I need to add to indent ragged li lines?</p>
  
  <pre><code>.list-icon-pros {
      list-style: none;
      padding-left: 0;
  }
  .list-icon-pros li:before {    
      font-family: FontAwesome;
      color: #B3B300;
      padding-right: 10px;
      content: "\f00c";
  }
  </code></pre>