Как сделать каcтомный text-decoration: underline; для двух строчек?

Question

[kopvi64]

Всем доброго времени суток!

Верстаю тут один сайт, где есть вот такой вот заголовок:

Вначале никаких вопросов не было, можно сверстать через border-bottom, прописав ему абсолютное позиционирование, или box-shadow: inset, но при адаптации возник вопрос, как реализовать такое в две строчки?

Тут ни первый, ни второй вариант не подходят, так как при обрезании размера заголовка, чтобы получилось 2 строчки, выходит вот такое вот:


Подскажите, пожалуйста как решить такую задачку

Зарание спасибо)

Comments

[Alex]

Как же люди любят такой "хорошо читаемый" текст =)

[kopvi64]

Alex, в каком смысле?

[Alex]

kopvi64, В смысле, наполовину закрашеный текст сложно читать. У меня не самое лучшее зрение и мне больно. А применять такую фишку очень любят :(

[kopvi64]

Alex, ну, что дали то и есть, мое дело сверстать)

Answer 1

[Beliyadm]

P.S. спан не нужен, остался от проверки

Comments

[kopvi64]

Beliyadm, просто огромное спасибо! :)