参考:display: inline-block; による隙間を消すCSS完全版
html { font-size: 100%; } //設定されていなければ設定する ul, li { margin: 0; padding: 0; list-style: none; } //該当するul、liだけで平気 ul { background: gray; letter-spacing: -1em; word-spacing: -1em; } :root ul { font-size: 1px; letter-spacing: -1px; word-spacing: -1px; } li { background: silver; display: inline-block; font-size: 1rem; letter-spacing: normal; word-spacing: normal; *display: inline; *zoom: 1; }
liの「font-size: 1rem;」は100%のままであればそのままで、ほかのサイズであれば適宜調整が必要です。