リストをinlineで並べた時の余白｜CSS HappyLife

下記のような指定でリストをinlineで並べ、li要素毎に改行すると、半角スペース分の余白ができてしまう。 ul { text-align: center; } ul li { display: inline; } <ul> <li><a href="/">トップページ</a></li> <li><a href="/service/">サービス案内</a></li> <li><a href="/company/">会社情報</a></li> <li><a href="/contact/">お問い合わせ</a></li> </ul> んで、この余白を埋めるための方法をいくつか紹介しますだ。 一行で書く <ul> <li><a href="/">トップページ</a></li><li><a href="/service/">サービス案内</a></li><li><a href="/company

[ku_marin]

毎回どの方法にしようか迷うんだけど　うーん

[CHODA]

ほかに良い方法があると思うんだけど、ひとまず時間がないのでこれで対処。

[hisasann]

inlineのリストの空白はHTMLコメントか>を次の行に書いて補正する

[mooiboom]

幸い今まで引っかかったことなかったけど、やるなら「>」の前で改行かな？

[popup-desktop]

コメントかなぁ。

[nondelion]

CSSでコーディングすることを前提とした書き方になってる

[webmugi]

　コメントを使うのが一番誤解がないかな，と思ってます