使用实际拉伸的<li>进行合理的水平HTML导航，并且</li>之间没有空格

Question

id喜欢有一个合理的水平HTML导航，其中li元素实际上是拉伸的。

基本上这里的第二个解决方案： https://stackoverflow.com/a/17951253/4597849

但是，那个li有一个自动填充，意味着它们填满了中间的空间，所以我可以给它们背景颜色。

没有JS，这甚至可能吗？