I want the H3 background to take only the size of the text
CSS
div.header{background:url(../img/bg.jpg)no-repeatcentercenterfixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding-top:100px;padding-bottom:100px;}div.header>h3{margin:0;font-size:400%;font-weight:200;color:white;padding:10px;background-color:#222;text-align:center;}
HTML
<divclass="header">
<h3>TITLE</h3>
</div>