More than 5 years have passed since last update.

inline-blockで横並びした時の隙間を消す

Posted at 2013-05-27

あの隙間はletter-spacingで消せます。
これは便利。

qiita.css

ul {
    text-align: center;
    letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
}

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

ソース：inline-blockを並べた場合に発生する「隙間」を消去するCSS

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