キーボードのF12キーを押して開発者ツールを起動すると、ページを再読込するまでCSSを一時的に変更することができます。
CSSの数値を変えるとどのように変化するのかを、お試しください。

liを1行に書く

コメントタグの中で改行する

ulのフォントサイズを0にする

em指定の時はフォントサイズを0にするテクニックは使えない

rem指定はルートから計算するのでフォントサイズを0にするテクニックが使える

acky.info

acky.info ロゴ

HTMLの中でインライン要素またはインラインブロック要素に変換したliliのあいだに改行があると余白ができます。
余白のあるデザインのときはmarginを少し減らすなどすれば対応できますが、liliがぴったりとくっついた余白のないデザインでは使えません。
しかし、HTMLをやCSSを工夫することで余白を消すことができるので、その方法を3つ紹介します。

広告