CSS背景以适合多行文本

Question

我的问题：

我有文本没有
和最大宽度。 我希望背景完全适合文本的宽度和高度，而不是没有空白的空间导致文本被打破。 我尝试删除之类的填充右... HTML：

<div> 
    <h1>bigword another big word</h1> 
    <p>hello there what's up</p> 
</div> 

CSS：

div{ 
    background: #C00; 
    max-width:157px; 
} 

这里是一个的jsfiddle：http://jsfiddle.net/T8g89/1

有什么建议？

Answer 1

如果你只想要文本周围的颜色，你应该在页眉上设置背景颜色，我可以告诉你的最好的办法是从div中删除bg颜色并将其放在h1上。然后将h1设置为内联，*由于标题倾向于块/内嵌块元素，这会导致额外的主体。想想块为一个盒子*

div{ 
    max-width:157px; 
} 

h1{ 
    background: #C00; 
    display: inline; 
} 

http://jsfiddle.net/Hu8v6/