@expp

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

Добрый вечер.
На макете(прикрепил изображение ниже) есть нижнее подчеркивание для текста. Как его можно реализовать, при этом сохранив отступ? Если использовать text-decoration: underline;, то отступ задать нельзя. Если же использовать border-bottom, то подчеркивание будет только для последней строчки. Спасибо)
5fde3eec4f0d9011321666.png
  • Вопрос задан
  • 153 просмотра
Решения вопроса 2
@maratakbutin
Через border-bottom и padding-bottom. А саму ссылку сделать строчной (display: inline;)
Ответ написан
Lebezniy
@Lebezniy
Веб разработка
a {
            text-decoration: none;
            color: #2284ff;
            border-bottom: 1px solid currentColor;
            display: inline;
            padding-bottom: 4px;
            line-height: 150%;
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы