Как сделать отступы в ссылках?

Question

[Ivan Ivanovich]

Здравствуйте. Есть следующий код - https://jsfiddle.net/9Ltzpc37/

Подскажите пожалуйста, как сделать отступы между ссылками. Я имею ввиду тот факт, что проводя мышкой по горизонтали пустое пространство между ссылками является активным, как мне это убрать?

Comments

[ilyamst51]

Смотрите.
Структура такая:

<nav>
 <li><a></a></li>
 <li><a></a></li>
 <li><a></a></li>
</nav>

Элементы LI имеют margin: 0 0 0 15px ;display: inline-block; и все подобное
А элементы A СТРОГО имеют display: inline;

[Ivan Ivanovich]

ilyamst51, А без li можно это реализовать?

[ilyamst51]

Ivan Ivanovich, да, просто в будущем все равно придете к формату выше. В вашем случае критичная ошибка в том, что вы в качестве расстояния между ссылками указали правило padding-left: 50px;. Оно расширяет элемент в ширину. Его нужно просто заменить на margin-left: 50px;
А если еще точнее, то вместо margin: 0 0 0 15px; сделать margin: 0 0 0 50px;. padding-left: 50px; по прежнему убрать.

[Ivan Ivanovich]

ilyamst51, спасибо!

Answer 1

[noeer]

Вместо padding задавайте margin

Comments

[Ivan Ivanovich]

noeer так и так везде стоит margin

[noeer]

так и так везде стоит margin

Таки нет.

header a {
    padding-left: 50px;
}

Answer 2

[kriminal_key]

Убрать padding у селектора a, если вы хотите что бы был отступ лучше всего использовать margin

header a{
    padding-left:0;
}