【CSS】letter-spacingで一か所だけ文字詰めする

3,000円(税込)

↑ここの「円」と「(」の間がちょっとあいてるので詰めたい

そんなときは左側の「円」をspanで囲み、letter-spacingでマイナスの値を指定します

3,000<span>円</span>(税込)
span{
    letter-spacing:-0.3em;
}

結果

3,000(税込)

文字を一つだけ囲んでマイナスのletter-spacingを指定すると、その右側だけを詰めることができます(逆にプラスの値ならもちろんあきます)

コメント