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/