title: What might be causing anchor to stick out of div or list
body: <p>I have problem with list tags which might be more than one line and also has must be anchor.
  Does anybody know what is it with anchor that makes them very hard to design?</p>
  
  <p><a href="https://i.stack.imgur.com/e3fdO.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/e3fdO.png" alt="d"></a></p>
  
  <p>I will drop a little bit of the html and css here, in case you recognise something</p>
  
  <pre><code>&lt;div class="tagsList"&gt;
       &lt;ul&gt;
           &lt;a href="linksmth"&gt;&lt;li&gt;&lt;span class="tagSpan"&gt;Tag name here&lt;/span&gt;&lt;/li&gt;&lt;/a&gt;
       &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And than I have this css:</p>
  
  <pre><code>span.tagSpan {
  background: #e7ebee;
  padding: 5px 10px;
  float: left;
  }
  </code></pre>
  
  <p>I tried around here and there but couldn't find anything relevant. What can be the issue?</p>