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/