Как растянуть горизонтальное меню на всю ширину блока с одинаковыми отступами?

Question

[MegaSanchez]

Вот код codepen.io/Aleksanchez/pen/akEVdm
вот о чем я говорю

Answer 1

[Aslan]

display flex
justify-content space-between

Comments

[MegaSanchez]

А как сделать чтобы при наведении работал ховер не только на ссылку, но и на всю "кнопку" соответственно, чтоб и цвет всей активной области менялся?

[Aslan]

codepen.io/anon/pen/VjyyRw

Answer 2

[Виктор Бабий]

ul {display: flex;
justify-content: space-around;}

Comments

[MegaSanchez]

А как сделать чтобы при наведении работал ховер не только на ссылку, но и на всю "кнопку" соответственно, чтоб и цвет всей активной области менялся?