title: :before pseudo element without moving actual content
body: <p>I want to have a certain link element always on the next line with an icon before it like this: </p>
  
  <pre><code>  Lorem ipsum dolor sit amet, consectetur adipiscing      
    imperdiet turpis vulputate vel. Duis erat purus,     
    Maecenas eu odio eget felis commodo lacinia. Sed pellentesque, 
    metus id blandit volutpat, mi nisl egestas lacus, ut
  &gt; THIS IS THE LINK
  </code></pre>
  
  <p>and <strong>NOT</strong> like this</p>
  
  <pre><code>  Lorem ipsum dolor sit amet, consectetur adipiscing      
    imperdiet turpis vulputate vel. Duis erat purus,     
    Maecenas eu odio eget felis commodo lacinia. Sed pellentesque, 
    metus id blandit volutpat, mi nisl egestas lacus, ut
    &gt; THIS IS THE LINK
  </code></pre>
  
  <p>Now when I use the :before pseudo element, it does the job, but when changing the font or font-size, the indentation is wrong.</p>
  
  <pre><code>a:before{
     content:"&gt; ";
     width:0;
  }
  </code></pre>
  
  <p>Anyone? </p>