Как правильно избавится от отступа горизонтального списка?

Question

[Egor S]

codepen.io/mortyyy/pen/rOwqrW

Нужно, чтобы между блоком .profile и пунктами меню не было отступа. Непонятно откуда он берется.

Answer 1

[GoodProject]

nav ul li {
margin-right: -4px;
}

Отступ появляется из за инлайнового отображения, это такая особенность, поэтому делать нужно через float:left, либо отнимать 4px, или шрифт на font-size: 0 ставить внутри этого блока, а там где надо шрифт до стандартного увеличить (который был по умолчанию) т.е вне блока fz0 а внутри уже какой нужен, что бы отступов не появлялось как у вас.

Answer 2

[Ivanq]

Поставьте ul'у margin: 8px (именно 8, потому что у вас верстка кривая)