<div>长度自动适合内容长度

Question

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

HTML：

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

CSS：

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

Answer 1

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

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;