title: <span> background with font size
body: <p>in site bbcode text background and size output like this</p>
  
  <pre><code>&lt;span style="background: #ff0000;"&gt;
  
  text size normal
  
  &lt;br&gt;&lt;/br&gt;
  &lt;br&gt;&lt;/br&gt;
  &lt;span style="font-size: 250%"&gt;
  
      text size big
  
  &lt;/span&gt;
  &lt;br&gt;&lt;/br&gt;
  &lt;br&gt;&lt;/br&gt;
  
  &lt;/span&gt;
  </code></pre>
  
  <p>the problem is background will not fit text size</p>
  
  <p><a href="http://jsfiddle.net/fr3wA/" rel="noreferrer">http://jsfiddle.net/fr3wA/</a></p>
  
  <p><a href="http://img11.imageshack.us/img11/7199/sdpm.png" rel="noreferrer">http://img11.imageshack.us/img11/7199/sdpm.png</a></p>
  
  <p>if I make the span inline block , the background color will be on the whole box</p>
  
  <p><a href="http://img31.imageshack.us/img31/323/d3t5.png" rel="noreferrer">http://img31.imageshack.us/img31/323/d3t5.png</a></p>
  
  <p>I know the background color will fit the text if I put the style in like this</p>
  
  <pre><code>&lt;span style="background: #ff0000;"&gt;
  
  text size normal
  
  &lt;br&gt;&lt;/br&gt;
  &lt;br&gt;&lt;/br&gt;
  &lt;span style="style="background: #ff0000;"font-size: 250%"&gt;
  
      text size big
  
  &lt;/span&gt;
  &lt;br&gt;&lt;/br&gt;
  &lt;br&gt;&lt;/br&gt;
  
  &lt;/span&gt;
  </code></pre>
  
  <p>my problem is the code generated from php bbcode and the user sometime choose background color before text size </p>