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/