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