Есть обычная навигация:
HTML:
<nav>
<ul>
<li><a href="">Продукция</a></li>
<li><a href="">Сообщества</a></li>
<li><a href="">Мероприятия и акции</a></li>
<li><a href="">Поддержка</a></li>
</ul>
</nav>
CSS:
nav {
font-size: 0;
line-height: 0;
letter-spacing: -1px;
}
nav li {
display: inline-block;
}
nav a {
display: block;
background: #000;
padding: 0 10px;
font-size: 17px;
line-height: normal;
letter-spacing: normal;
color: #fff;
}
nav li:nth-child(2n) a {
background: #666;
}
Как пункты меню растянуть по всей ширине блока nav
, чтобы padding
у всех ссылок был одинаковым (пустого пространства между ссылками быть не должно, это пространство распределяется на внутренние отступы ссылок)?
UPD: