title: Add padding to :before pseudo-element in css
body: <p>Anyone know how to add padding between the :before pseudo-element and where the content actually starts?</p>
  
  <pre><code>&lt;ul&gt;
      &lt;li&gt;&lt;strong&gt;Name Surname&lt;/strong&gt;&lt;/li&gt;
      &lt;li&gt;+27.082.555.4155&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I want only the first li to have a bullet point in it and only if it has a strong element in it.</p>
  
  <p>I have gotten it right using:</p>
  
  <pre><code>.fr_contactInformation ul li strong:before
  {
      content:url(/App_Themes/2011/images/hm_listImage.gif);
  }
  
  .fr_contactInformation ul li strong
  {
      /*Here is where I am going wrong*/
      padding-left: 50px;
  }
  </code></pre>
  
  <p>Thanks all!</p>