html - 如何使容器 标签的宽度与它包含的 的宽度相匹配？

Question

我有一个包含跨度的段落。 <p>标签的宽度比 <span> 宽得多它包含，但我希望它只和它的 child 一样大 <span> .

<p>
    <span>Some text.</span>
</p>

我试过了 width: auto但这似乎不起作用。

Answer 1

将 display:inline-block; 与 p 元素一起使用。

p{
    display:inline-block;
}

Js Fiddle Example