具有两种不同字体大小的句子的行位置

Question

我在一个句子中使用两种不同的字体大小（13px和30px）。我的问题是如何将文本放在正常位置，就像它的字体大小是13一样？目前，它低于通常的位置。

Fiddle

<div class="aa"> Click <span>-</span> sign</div>

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

修改

Answer 1

问题是' - '（连字符）： 您必须在CSS中使用top才能使其正常工作
请参阅此Fiddle，它使用不带连字符的字符串

Answer 2

试试这个Fiddle。

CSS代码：

.aa {font-size:13px;}
span {font-size:30px; position: relative; top: 3px;line-height: 10px;}

Answer 3

试试这个。

span {position: relative; top: -1px;}

check this

Answer 4

正确的css比例你将用于这个世界：

line-height:30px;

如果div内有跨度，请将其设置为：

vertical-align:top;