More than 5 years have passed since last update.

inline-blockの時の左右の勝手な余白を消す

Posted at 2016-03-18

<ul class="aaa">
    <li>A</li>
    <li>B</li>
    <li>C</li>
</ul>

.aaa {
    letter-spacing: -.40em; /* 隙間詰める */
}

.aaa li {
    display: inline-block;
    letter-spacing: normal; /* 文字間を戻す */
}

文字間を戻さないと、文字が重なっちゃうよ

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up