Как сделать такие линии, при a:hover?

Question

[Коля]

Подскажите пожалуйста как сделать такую линию над ссылками меню?
https://nikbard.github.io/creatives/

Answer 1

[eLig]

Не очень понял какую именно линию, но сделать можно так:
border-top: 6px solid #ccc;

Comments

[Коля]

мне надо линия под ссылками в меню, я ее могу сделать но нужно с отступом примерно в 20px.

[eLig]

Отступ margin-top:20px; или padding-top:20px; Но что использовать зависит от структуры.

[Коля]

Спасибо, совсем забыл про padding!!!

Answer 2

[Дмитрий]

Используйте :before или :after

a{
position: relative;
}
a:before{
   content: '';
  position: absolute; top: 20px; left: 0;
  width: 100%;
  height: 5px;
  background: #f00;
}