Как сделать выделение и нижнюю линию на всю длину?

Question

[marsel81]

https://jsfiddle.net/8aokLv4e/
как сделать так,как на макете?

Answer 1

[Владислав Поляков]

добавить к выделенной клас active
с таким кодом

background-color: светлый цвет.
color: white;

А для элементов нижняя рамка будет выглядеть вот так
border-bottom: 1px solid #цвет

Comments

[marsel81]

не получилось

[marsel81]

все равно обводит только сам текст,а не на всю длину