Делаю активный пункт меню на PHP, как сделать на css меню таким образом?

Question

[Абай Тажигалиев]

Вот код
.menu ul li a{
color:#fff; text-decoration:none; display:block; line-height:63px;
font-size:19px; text-transform:uppercase;
}
.menu ul li a.menu-active{
border-bottom:6px solid #f1c40f;
}
У меня не правильно получается

• 
  <? $menu = get_menu($lang);
  foreach($menu as $item):?>
  
• 
  >
  <?=$item['title'];?>
  
  
  <?endforeach;?>
  

Нужно сделать чтобы border наложился на 3 px сверху и снизу

Answer 1

[Пётр Попов]

Может быть вот так попробовать: codepen.io/Air-Petr/pen/WrPPML

"Танцы с бубном" конечно, но если взять за основу, то вполне себе решение.

Comments

[Абай Тажигалиев]

Спасибо большое, как раз что надо!

[Абай Тажигалиев]

Абай Тажигалиев: Все работает, еще раз спасибо.

Answer 2

[Uwe_Boll]

присваивай класс по какому то совпадению в

Comments

[Абай Тажигалиев]

Можно span использовать внутри li

[Uwe_Boll]

Абай Тажигалиев: можно машку за ляшку и козу на возу