liをdisplay:inline-blockした時に、左右に余白ができる解消法
<ul>
<li>アイテム</li>
<li>アイテム</li>
<li>アイテム</li>
</ul>
20190820追記
親要素に、font-size: 0;をする。
子要素にfont-sizeをするだけでOK
この改行が原因。
<ul>
<li>アイテム</li><li>アイテム</li><li>アイテム</li>
</ul>
とするか、<!–で改行をコメントアウトする。
<ul>
<li>アイテム</li>
<li>アイテム</li>
<li>アイテム</li>
</ul>
20190820追記
親要素に、font-size: 0;をする。
子要素にfont-sizeをするだけでOK
この改行が原因。
<ul>
<li>アイテム</li><li>アイテム</li><li>アイテム</li>
</ul>
とするか、<!–で改行をコメントアウトする。
