title: Breaking to a new line with inline-block?
body: <p>I want to remove the <code>&lt;br /&gt;</code>'s and do the break lines through CSS. If I change the spans to <code>display:block</code> the width will go 100% and I need the width to be exactly the length of the text, like it is now. Any suggestions?</p>
  
  <pre><code>&lt;div class="fullscreen"&gt;
      &lt;p class="text"&gt;
          &lt;span class="medium"&gt;We&lt;/span&gt; &lt;br /&gt;
          &lt;span class="large"&gt;build&lt;/span&gt; &lt;br /&gt;
          &lt;span class="medium"&gt;the&lt;/span&gt; &lt;br /&gt;
          &lt;span class="large"&gt;Internet&lt;/span&gt;
      &lt;/p&gt;
  &lt;/div&gt;
  
  .text span {
     background:rgba(165, 220, 79, 0.8);
     display:inline-block;
     padding:7px 10px;
     color:white;
  }
  .fullscreen .large {  font-size:80px }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/Z6aRh/">Fidddle</a></p>