title: CSS span not wrapping fully
body: <p>I am having some issues with wrapping stuff to a new line when it reaches the max width. I have my blog set up displaying all of the tags in a single div, and when the first line reaches the max width the next tag should jump to the next line. (Attached is what is happening in Chrome and Firefox)</p>
  
  <p><a href="http://jsfiddle.net/QHWNF/7/" rel="nofollow noreferrer">http://jsfiddle.net/QHWNF/7/</a></p>
  
  <p>Here is the CSS Code:</p>
  
  <pre><code>p.tagHolder{
  margin-bottom:5px;
  line-height:25px;}
  </code></pre>
  
  <p>All the HTML/PHP is:</p>
  
  <pre><code>&lt;a href="#"&gt;&lt;span&gt;TagName&lt;/span&gt;&lt;/a&gt;&lt;a href="#"&gt;&lt;span&gt;TagName2&lt;/span&gt;&lt;/a&gt;....
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/p4bTf.png" alt="Chrome">
  <img src="https://i.stack.imgur.com/3PS8C.png" alt="Firefox"></p>