listをinlineで並べたときのすき間

■問題：リストでならべたときに、間があいてしまう。

リストをfloatではなく、inlineで横並びにしたときに、

終了タグの後に改行すると、すき間があいてしまう。

●回避-1

すべての改行しないで、詰めて記述すると、解決。

→この解決策だと、とてもソースは見にくいのが難点。

---------------------------------------------------

●回避-2

コメントを間に挿入する。

<ul>

<li><a href="">メニュー1</a></li><!--

--><li><a href="">メニュー2</a></li><!--

--><li><a href="">メニュー3</a></li>
</ul>

---------------------------------------------------

●回避-3

改行位置を変えてあげる。

<ul>

<li><a href="">メニュー1</a></li

><li><a href="">メニュー2</a></li

><li><a href="">メニュー3</a></li>
</ul>

---------------------------------------------------

Work Note