如何使容器<p>标签的宽度与其包含的<span>的宽度相匹配？

Question

我有一个包含跨度的段落.该<p>标签的宽度更宽比<span>它包含了,但我想它是只为孩子一样大<span>.

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

我尝试过,width: auto但似乎没有用.

Answer 1

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

p{
    display:inline-block;
}

Js小提琴示例