Html 如何确定容器的宽度<；p>；标记与<；span>；它包含什么？

我有一个段落包含一个跨度。

标记的宽度比它包含的

宽得多，但我希望它只与它的子

一样大

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

一些文本。

---

我尝试了

width:auto

，但似乎不起作用

使用

显示：内联块带有
p
元素

p{
    display:inline-block;
}

问题在于span是内联元素。所以他的尺寸不能确定，你也不能直接知道

是一个块。所以他有一个尺寸，默认为100%

因此，您可以将样式内联到

display: inline;

或者，如果您想保持区块优势：

display: inline-block;

除了
inline
之外的另一个解决方案是
float
元素


CSS

p {
    border:1px solid #000;
    float:left
}

span如何知道何时包装？