Борьба с пробелами между блочно-строчными элементами

1.css

nav a {
  display: inline-block;
  padding: 5px;
  background: red;
}

1.html

<nav>
  <a href="#">Один</a>
  <a href="#">Два</a>
  <a href="#">Три</a>
</nav>

2.html

<ul>
  <li>
   Один</li><li>
   Два</li><li>
   Три</li>
</ul>

3.html

<ul>
  <li>Один</li
  ><li>Два</li
  ><li>Три</li>
</ul>

4.html

<ul>
  <li>Один</li><!--
  --><li>Два</li><!--
  --><li>Три</li>
</ul>

5.css

nav a {
  display: inline-block;
  margin-right: -4px;
}

6.html

<ul>
  <li>Один
  <li>Два
  <li>Три
</ul>

7.css

nav {
  font-size: 0;
}

nav a {
  font-size: 16px;
}

http://htmlacademy.ru/blog/21