через background
очень геморно, надо чтото другое, там четко под каждой строкой же линия
Оранжевые полоски?
Через псевдоэлементы, не?
https://jsfiddle.net/L3x7ectj/5/
ну такое... как самый крайний вариант подойдёт, потому что прямо попиксельно надо выравнивать. Если шрифт хоть самую малость изменится то всё полетит
через em можно просто поставить
Как-то кривовато...
https://jsfiddle.net/L3x7ectj/26/
.
возможно вам подойдет такое решение: <style> body { width: 500px; margin: 0 auto; } p { color: #141419; font-size: 60px; font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; display: inline; word-break: break-word; background-image: linear-gradient(rgba(36, 148, 187, 0.25), rgba(36, 148, 187, 0.25)); background-position: 0 55px; background-size: 100% 30%; background-repeat: no-repeat; padding: 10px; } </style> <body> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p> </body>
такое лучше в codepen отправлять)
Обсуждают сегодня