Как сделать подчеркивание псевдо элементом?

Question

[narem]

Пытаюсь сделать подчеркивание ссылки через after, задаю элементу 110% но он растягивается только на длину последней строчки. Как быть?
a
position: relative;
a::after

position: absolute;
    content: '';
    height: 1px;
    width: 0;
    bottom: -5px;
    left: -5%;
    background-color: #c00d0d;
    transition: width .4s;

a::after hover
width: 110%;

Answer 1

[Андрей Смирнов]

Гугл отвечает - https://codepen.io/elb96/pen/aXKXBx