2016-10-31 15 views
0

ウェブサイト上のユニコード文字「♤」の上に数字を書きたいと思います。私はちょうど画像を作ってそれらを使うことができますが、私は一意の番号を持つ200個以上のシンボルを持っているので、私は画像を使わないほうがよいでしょう。ユニコード文字を上書きする方法はありますか?

文字のサイズが異なる必要があります。番号のあるスペースはdivタグの中に入ります。私は本当にこれを行う方法があることを願っています。

+0

'ポジション:absolute'はあなたがHTML要素... – nnnnnn

+0

をオーバーラップすることができます:あなたは試してみました後:前か?あなたのコードをここに書いてください。私はあなたに例を挙げます。 – Majid

答えて

1

.heart > div:nth-child(1) { 
 
    font-size: 40px; 
 
    color: red; 
 
} 
 
.heart > div:nth-child(2) { 
 
    position: relative; 
 
    font-size: 20px; 
 
    top: -42px; 
 
    left: 13px; 
 
}
<div class="heart"> 
 
    <div>♤</div> 
 
    <div>A</div> 
 
</div>

関連する問題