title: Multiple line anchor tags including span tag
body: <p>I've got an anchor tag with multiple lines of text and at the beginning a span tag which includes an iconfont. Now I want to have all lines of text to be on the same intend. How can I achieve this?</p>
  <p><a href="https://i.stack.imgur.com/kmjbU.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/kmjbU.jpg" alt="enter image description here" /></a></p>
  <p>HTML-Code:</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="controlls"&gt;
    &lt;p class="catalogue-pdf"&gt;
      &lt;a href="http://www.google.com/" class="text-link" target="_blank"&gt;&lt;span class="icon-pdf"&gt;&lt;/span&gt; PDF download&lt;/a&gt;
      &lt;span class="separation-point"&gt;·&lt;/span&gt; 82,0 kB
    &lt;/p&gt;
  
    &lt;p class="catalogue-link"&gt;
      &lt;a href="http://www.google.com/" class="text-link" target="_blank"&gt;&lt;span class="icon-book"&gt;&lt;/span&gt; Stack Overflow Question Two Line Texts&lt;/a&gt;
    &lt;/p&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>