Как сделать линию прерывающуюся буквами (на CSS)?

Обратите внимание на следующее изображение:



В данном случае, нижняя линия прерывается нижними элементами букв "р", "д", "у".
Как, при помощи CSS (если только на CSS это не сделать, то можно JS или JQ), нарисовать такую линию?

P.S. В интернете я находил вот такие способы рисования линий у текста:
1) Как сделать линии до и после текста в html css (картинка прилагается)?
2) stackoverflow.com/questions/2812770/add-centered-t...
Но там нету примеров прерывающихся, нижними элементами букв, линий.