CSS 배경색이 텍스트까지 확장됩니까?

Question

부모의 너비로 확장되지 않는 텍스트의 배경색을 어떻게 설정합니까? div? h1{background color:white;}을 사용하고 원하는 텍스트 주위에 h1을 감 쌉니다. 그러나 흰색 배경은 텍스트를 넘어서 확장됩니다. 거의 단어를 강조하는 것과 같습니다.

Answer 1

h1은 사용 가능한 모든 영역을 사용합니다. 전용 사용에 대한 매우 폭, 인라인이 요소를 변경

h1 { 
    display: inline; 
    background-color: white; 
} 

http://jsfiddle.net/wxNQR/

Answer 2

문제는 h1이 블록 수준 요소이며 기본적으로 블록 수준 요소가 확장되어 부모 요소의 사용 가능한 모든 너비를 채 웁니다.

h1 { 
    background-color: white; 
    float: left; 
} 

는 제목 요소의 둘레에 유입되지 않도록 그런 다음, 다음 단락의 스타일을해야합니다 :

이 문제를 해결하는 가장 쉬운 방법은 float에 요소

p { 
    clear: left; 
} 

IE7 이하를 지원하지 않는 경우 편리하면 가까운 형제 선택 도구를 사용하여이 선택을 더 깔끔하게 만들 수 있으므로 h1 요소 바로 뒤에 p 개 요소 만 스타일이 지정됩니다.

h1 + p { 
    clear: left; 
}