title: Whitespace after image is being displayed as link
body: <p>Given the following HTML:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;&lt;/title&gt;
      &lt;meta charset="utf-8" /&gt;
  &lt;/head&gt;
    &lt;body&gt;
      &lt;div style="background-color:red"&gt;
        &lt;a href="1__mose_info.htm"&gt;
          &lt;img src="../img/info.png" alt="Info zum ersten Buch Mose" title="Info zum ersten Buch Mose" /&gt;&lt;/a&gt;&lt;a href="1__mose.htm"&gt;1. Mose&lt;/a&gt;
      &lt;/div&gt;
      &lt;div style="background-color:green"&gt;
        &lt;a href="1__mose_info.htm"&gt;
          &lt;img src="../img/info.png" alt="Info zum ersten Buch Mose" title="Info zum ersten Buch Mose" /&gt;
        &lt;/a&gt;
        &lt;a href="1__mose.htm"&gt;
          1. Mose
        &lt;/a&gt;
      &lt;/div&gt;
    &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>The first division gets displayed as I want it (no link underline before the '1'. but if i format my code like in the second div, the space before the 1 gets an underline for a link.</p>
  
  <p>If you look closely, the link of the space before '1' is the link of the image, and not the link of the text.
  Is there an easier way to not have this space as part of the link?</p>
  
  <p>[Edit after my two upvotes and selecting the prefered answer:]</p>
  
  <p>So it is best practice to keep all html elements and/or text that counts into an anchor element at one line - at least the first word.
  I will try to keep this in mind when editing subsequent html source code </p>
  
  <p>Thank you all.
  Wolfgang</p>