title: Indent 2nd line of a paragraph to line up with first line?
body: <p>I am using <a href="http://fortawesome.github.io/Font-Awesome/" rel="nofollow noreferrer">Font Awesome</a> to add icons to p:before selectors and I am wondering how I can indent only the 2nd line of the paragraph so that the text is aligned.</p>
  
  <p>Here is what my current output looks like:</p>
  
  <p><img src="https://s29.postimg.org/c8ax98g9v/first.jpg" alt="Non-indented"></p>
  
  <p>And here is what I am trying to accomplish:</p>
  
  <p><img src="https://s7.postimg.org/o7ccfozqv/2nd.jpg" alt="Indented"></p>
  
  <p>Here is my code:</p>
  
  <pre><code>&lt;div class="result&gt;
     &lt;p class='fa location'&gt;{{ address }}&lt;br/&gt;{{ citystate }}&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And here is my CSS:</p>
  
  <pre><code>.result .location:before {
      content: "\f041";
      padding-right:6px;
      color:#b3b3b3;
  }
  </code></pre>
  
  <p>Is it possible to accomplish this as-is? Or will I need to restructure my code to achieve this effect?</p>