콘텐츠를 포함하는 div로 표시되는 요소의 너비를 설정합니다.

Question

p 요소가 콘텐츠에 맞게 표시되는 div의 너비를 어떻게 설정할 수 있습니까? JsFiddle HTML :

<div> 
    <p> 
     <span>text1</span> 
    </p> 
    <p> 
     <span>text2</span> 
    </p> 
<div> 

CSS :

p { 
    display:table; 
    background-color:red; 
} 

span { 
    display:table-cell; 
    width: 100px; 
} 

div { 
    background-color: green; 
} 

Answer 1

Se 사업부에 대한 tting display:table도는 폭 조정하게됩니다 :

div { 
    background-color: green; 
    display:table; 
} 

편집 : 코멘트에 지적 display:inline-block 또한이 행동하는 div에 정확히 원하는 방법에 따라 일을 할 것입니다. 범위에서 모든 remove width attribute의

Answer 2

당신이 사업부의 내용을 포장 수축 사업부에 float:left를 추가하려면 :

div { 
    background-color: green; 
    float:left; 
} 

jsFiddle example

Answer 3

먼저

js fiddle

이

최종 CSS를

p { 
    display:table; 
    background-color:red; 
} 

span { 
    display:table-cell; 
} 

div { 
    display:inline-block; 
    background-color: green; 
}