Как увеличить background для слова?

Question

[Joulence]

При вёрстке, как для начинающего возник вопрос, как увеличить background для слова "Home"? background-size не помогает

Comments

[Рома Зварич]

Выложите фрагмент кода на Codepen, чтобы на Вашем примере поискать проблему и показать решение

[Joulence]

Рома Зварич, https://codepen.io/anon/pen/jgGYNp

блок Navigation

[Joulence]

Рома Зварич, как раз хотелось, чтобы кто-то указал на ошибки

Answer 1

[Рома Зварич]

1) Чтобы фон ссылок занял всю высоту, задайте для .nav__link свойство display: inline-block;

Пример:
https://codepen.io/hisbvdis/pen/qePpdO?editors=1100


2) Увеличить ширину фона по горизонтали можно за счет "padding"

Comments

[Joulence]

Но при использования padding в ширину текст начинает "люфтить", если можно так сказать

https://codepen.io/anon/pen/eqGyNo?editors=1100

[Рома Зварич]

Joulence, потому что Вы задаёте padding при наведении (.nav__link:hover).
А Вы задайте для обычного класса ".nav__link", чтобы он всегда был

https://codepen.io/hisbvdis/pen/rXGpOE?editors=1100

[Joulence]

Рома Зварич, спасибо большое

Answer 2

[Dymok]

использовать padding-top и padding-bottom

Answer 3

[ed]

line-height для ссылки как высота блок