html - <div> 长度自动适配内容长度

Question

假设我有 <h1>Some Headline</h1> div 内的标签。我如何完成，以便包含此标签的 div 自动调整大小以适应标签元素的长度？我试过自动，但它填满了它所在的另一个 div 内的整个空间(宽度)。

HTML:

<div class="headline">
    <h1>Headline</h1>
</div>

CSS:

.headline {
width: auto;
height: auto;
}

Answer 1

只需在 div 上设置 display: inline-block;

.title {
  border: 1px solid black;
  display: inline-block;
}

<div class="title">
  <h3>Some Headline</h3>
</div>