Where did the distance between li come from? How to remove it?

Question

css

I check through the developer tool in Chrome, li are exactly the size of the content. Where is the distance between them then?
codepen.io/Rrodionov/pen/JGXgbd

Answer 1

it gives display: inline-block;
ways to solve
css-live.ru/articles/zagadochnye-otstupy-mezhdu-in...

Answer 2

Remove line breaks using a comment block:

<ul><!--
--><li></li><!--
--><li></li>
<ul>