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

Question

[expp]

Добрый вечер.
На макете(прикрепил изображение ниже) есть нижнее подчеркивание для текста. Как его можно реализовать, при этом сохранив отступ? Если использовать text-decoration: underline;, то отступ задать нельзя. Если же использовать border-bottom, то подчеркивание будет только для последней строчки. Спасибо)

Answer 1

[maratakbutin]

Через border-bottom и padding-bottom. А саму ссылку сделать строчной (display: inline;)

Comments

[expp]

Спасибо!

Answer 2

[Дмитрий Комчев]

a {
            text-decoration: none;
            color: #2284ff;
            border-bottom: 1px solid currentColor;
            display: inline;
            padding-bottom: 4px;
            line-height: 150%;
}

Comments

[expp]

Спасибо!