p标签的背景大小

Question

我正在尝试减小 p 元素的背景颜色的大小，使其仅适合数字并且我不知道要使用什么 css 属性？

这就是我实际拥有的：

这是一个 p 标签：

#totalValue {
  background-color: green;
}

<p id="totalValue"> 0 </p>

我只想在这样的数字上使用绿色：

有可能吗？

Answer 1

希望对您有所帮助：

#totalValue {
  background-color: green;
  display:inline-block;
}

<p id="totalValue"> 0 </p>

或者您可以使用float:left; 代替display:inline-block;

Answer 2

你也可以使用：-

#totalValue {    
    background: red;
    display: inline-block;
    width: 100%;
}

Answer 3

您可以将display 属性与inline-block 值一起使用：

#totalValue {
  background-color: green;
  display: inline-block;
}