警告号码高于字母T.

Question

我有一个警告字段，我想显示消息的数量。

我想像这样放置num div：

在图片右侧上方。

我该怎么做？

 #num{
 font-size:10px;
 min-width:10px;
 text-align: center;
 border:1px solid black;
 padding:0px;
}

T<span id=num>0</span>

的jsfiddle： https://jsfiddle.net/x6sehmyo/

谢谢你！

Answer 1

您可以使用<sup> - HTML Superscript Element

sup {
  border: 1px solid black;
  padding: 0 2px;
}

T <sup>0</sup>

Answer 2

这样的事情：

<强> HTML：

<br><br>

T<span id=num>0</span>

<强> CSS

 #num{
 font-size:10px;
 min-width:10px;
 text-align: center;
 border:1px solid black;
 padding:0px;
 position:relative;
 top:-10px;
}

<强> FIDDLE https://jsfiddle.net/disinfor/x6sehmyo/2/

您可能需要调整top属性以满足您的需求

Answer 3

您可以使用<sup> element。

<p>
  T<sup class="msg-count">0</sup>
</p>

.msg-count {
  padding: 0;
  min-width: 10px;
  font-size: 10px;
  border: 1px solid #000;
}

演示JSFiddle