html - SUP 元素和圆角

Question

我想为sup元素和一些填充添加圆角。

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

sup元素display:inline;默认有。我可以display:block;使用填充和圆角设置和操作，但我应该修改 HTML 结构，因为sup现在是块。sup是否可以在不修改 HTML 结构的情况下使用填充和圆角进行装饰，而只需修改 CSS。

谢谢你。

score 3 · Accepted Answer

是的，您可以申请inline-block- http://jsfiddle.net/HPzuZ/1/

sup {
    background-color: #f00;
    display: inline-block;
    border-radius: 3px;
    padding: 0 6px;
}

1 回答 1