在句子中使用不同的字体大小

时间:2015-05-11 09:14:17

标签: html css

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

例如:"中除-以外的所有字符;点击 - 签署"应该是字体大小13.只有-应该是字体大小55.句子应该看起来正常。 见with the constructor new Random(int seed)-符号高于文本的其余部分。

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

编辑:

enter image description here

2 个答案:

答案 0 :(得分:2)

您可以在这里使用position: relative;连字符:

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

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

答案 1 :(得分:0)

使用此css

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

HTML

<p class="aa"> 
    Click <span class="hlt_txt">-</span> sign
</p>