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

Question

[schumacher_lalune]

Добрый день, форумчане. Вопрос следующий. Есть тег button, в него вложен длинный текст, получившийся на две строки. Текст должен быть подчеркнутым; text-decoration не подходит, так как пропускает нижние выносные элементы у слов и не подлежит редактированию; тег u туда же. Хотела через border-bottom, но получается вот так, что ожидаемо:

Как можно решить этот вопрос и сделать подчеркивание нормальным, без применения "underline"?

Answer 1

[Андрей Федоров]

пропускает нижние выносные элементы

Это можно отменить с помощью свойств text-decoration-skip и text-decoration-skip-ink

и не подлежит редактированию

Это что значит?

Comments

[schumacher_lalune]

Не совсем точно сформулировала. Имела ввиду, что у text-decoration некоторое количество значений, и я ограничена в стиле подчеркивания, толщине линии и цвете.

Воспользовалась text-decoration-skip. Благодарю за ответ!

Answer 2

[Nikolay Matyushkin]

Например с помощью псевдо-класса :before
Вот так

Comments

[schumacher_lalune]

Оо! Благодарю)