Как сделать такой элемент на css?

Question

[RealMadJack]

Это таб, нужно, чтобы на каждый active-hover пункт, была разная длина и расположение линии. Все кручу верчу, через псевдоэлементы, не получается(

Answer 1

[blolg]

Как вариант https://jsfiddle.net/htr6hw3h/

Comments

[Глеб Кемарский]

Ещё

.tabs-nav__link {
  border: 1px solid transparent;
}
.tabs-nav__link:hover {
  border: 1px solid #000;
}

и вообще красота.