Как сделать подчеркнутый текст под текстом?

Question

[Кристина]

Есть заголовок черного цвета, он подчеркнут желтым цветом.
Подчеркивание проходит поверх букв с хвостиками (например "у").
Как сделать, чтобы подчеркивание не перекрывало буквы?
Спасибо!

Comments

[Mark]

Картинкой пример можешь показать?

Answer 1

[Александр Синицын]

Разврат, но по ТЗ )))
https://codepen.io/anon/pen/yXNQJQ

Answer 2

[Дилик Пулатов]

если пойдёт то используйте бордер-ботом

Answer 3

[Гарес Антонович]

Есть прикольное решение underline.js, на гите
Либо же как показал Александр Синицын

Answer 4

[Игорь Петров]

Как вариант:

padding-bottom + border-bottom