Как стилизовать ссылку в css чтобы подчеркивание при наведении на ссылку было на некотором расстоянии снизу?
Один из вариантов - добавить padding-bottom и подчеркивание сделать через border-bottom (вместо underline)

a {
   padding: 10px;
   border-bottom: 1px solid transparent;
   text-decoration: none;
}

a:hover {
   border-bottom: 1px solid #fff;
   text-decoration: none;
}
я сплошную линию сделал через тег hr
это не повлияет на стилизацию?