title: Background colour for H3 extendind more than the content
body: <p>i am having a tag  where i have added a Css for it as</p>
  
  <pre><code>      #jsn-maincontent_inner h3 {
         background-color:#BBB1A5;
         color:white;
         padding:3px 8px;
        text-transform:uppercase;
         }
  </code></pre>
  
  <p>but the background color extends for the whole row of the line and it is not limiting upto the content . 
  HOw to resolve this??</p>