Html 在一个句子中有不同的字体大小

如何使一个句子中只有一个字符的字体更大

例如：除“点击符号”中的

-

之外，所有字符的字体大小都应为13。只有

-

的字体大小应为55。这个句子看起来应该很正常。 看见

-

符号高于文本的其余部分

<div class="aa"> 
    Click <span Style="font-size:30px; line-height:45px;">-</span> sign
</div>

编辑：

---

这里您可以使用

位置：相对用于连字符：

span {font-size:30px; position: relative; top: 3px;}

使用此css

* { 
    margin: 0; 
    padding: 0;
}
p {
    font-size: 13px;
}
p span.hlt_txt{
    font-size: 55px; 
    line-height: 0;     
    vertical-align: top;
}

HTML


点击签名

上述代码有什么问题？@Beki错误对齐只是不同字体大小和相关行高的副作用。@Rorymcrossan:：）谢谢。有没有一种方法可以修复对齐？很好地处理了Beki的图像。每隔一段时间就能看到一个问题的清晰解释，这很好！
<p class="aa"> 
    Click <span class="hlt_txt">-</span> sign
</p>