html - 在一个句子中使用不同的字体大小

Question

如何为句子中的单个字符设置更大的字体？

举个例子:“Click - sign”中除-之外的所有字符都应该是13号字体。只有-应该是55号字体。句子应该看起来普通的。 参见 Fiddle . - 符号高于文本的其余部分。

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

aa {
  font-size: 13px;
}

编辑:

Answer 1

在这里你可以使用 position: relative; 作为连字符:

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

https://jsfiddle.net/fLvtjwcw/1/