下記のような指定でリストを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
