html 요소의 너비를 상기 요소의 내용으로 제한하려면 어떻게해야합니까?

Question

나는 안에있는 내용에 따라 크기를 정하고 싶다. 하나의 제목에 대해서만 동적 인 것은 아닙니다.

편집 : 다음은 질문에 아무런 영향을주지 않습니다 (그러나 사람들은 말도 대한 모든 종류의 신음) 나는 당신이 당신은 단지 H1 요소가 넓은되고 싶어 말을하는지 있으리라 믿고있어

h1 { 
    margin: auto auto 10px 10px; 
    padding-left: 6px; 
    border-bottom: 4px outset #227777; 
    box-shadow: 0px 3px 10px black; 
} 

Answer 1

을 그 안에 텍스트로. 이 경우 "display : inline;"을 설정해야합니다.

h1 { 
 
    margin: auto auto 10px 10px; 
 
    padding-left: 6px; 
 
    border-bottom: 4px outset #227777; 
 
    box-shadow: 0px 3px 10px black; 
 
    display: inline; 
 
}

<div> 
 
<h1>Heading</h1> 
 
</div>