如何在html中将背景颜色设置为<p>标签;这样背景颜色不会超过文字？

Question

我试着跟随：

    p { margin: 0 0 1.5em; background-color: #eff0f1;}

设置<p>元素的背景;但背景拉长了很久;我希望这个背景与文本一样存在。

Answer 1

p {
    display: inline-block;
}

Answer 2

只需将display: inline-block;设置为该段落或<p>

即可

使用您的代码：

p { margin: 0 0 1.5em; background-color: #eff0f1; display: inline-block;}

您可以在此处查看一个有效的示例：jsfiddle

Answer 3

float: left会奏效。但它可能会导致问题。也许你可以提供更多信息？ 这里的样本小提琴：https://jsfiddle.net/t80twe4y/