Как сделать подчеркивание ссылки в 2-3 строки, где ссылка является флекс элементом?

Question

[koposov_v]

Если выключить дисплей флекс и поставить ширину в 100 пикселей, то работать будет, а если ссылками являются флекс элементами, то не работает, что нужно сделать ?

И хочу сразу сказать, не нужно оборачивать каждую строку в span, это усложнят backend, да и адаптив в целом, поэтому псевдоэлементами сделать не получиться сделать (скорее всего)

Comments

[Ankhena]

это усложнят backend, да и адаптив в целом

Адаптиву без разницы.
Можете усложнить фронтэнд.

Но по-хорошему, это всё равно список ссылок. И это решит все проблемы, ul будет флексом, li станут блочными, ссылки останутся инлайновыми.

Еще можно нарисовать полоски градиентом, но они будут на всю строку, а не только под буквами. И задать align-items: flex-start

[koposov_v]

Ankhena, Вот последний способ пробовал, что то не пошло, насчет списка, я запомню, но уже поздно структуру сайта менять, хотелось бы дивами

[Ankhena]

koposov_v,
https://jsfiddle.net/Ankhena/n5b97ovh/
https://jsfiddle.net/defgcj30/

Вам нужно комбо этих двух примеров.

Во втором повторяющиеся полоски, в первом полоска раз в 20 строк (и не важно какой шрифт).

[koposov_v]

Ankhena, Спасибо большое) Сейчас будем пробовать )