Html 辅助元件和圆角

我想给

sup

元素和一些填充物添加圆角

<div>Here is my main text<sup>sup text</sup></div>
<style>
  sup {
    background-color:#f00;
  }
</style>

这是我的主要文本sup text
苏普{
背景色：#f00；
}

sup

元素具有

显示：内联默认情况下。我可以设置
显示：块并使用填充和圆角进行操作，但我应该修改HTML结构，因为
sup
现在是块。是否可以用填充物和圆角装饰
sup
，而不修改HTML结构，而只修改CSS

谢谢。
是的，您可以应用
内联块
-

永远不知道
内联块
值。生活和学习。非常感谢。我试过了，但它没有
display:inline块完全一样。我用的是chrome@menislici是的，它在FF和Webkit中没有显示
属性的情况下也能工作，但IE却不行。你需要它只是为了那该死的Rhmm，我想我以前在一些在线教程中见过这个词（popper），认为它（象征性地）意味着某种类型的聚会失礼者（anoying guy，你知道），但是在看到你回复后城市词典上的解释后，我想知道为什么。所以，是的。
sup {
    background-color: #f00;
    display: inline-block;
    border-radius: 3px;
    padding: 0 6px;
}​