@R1msk1y

Как расположить подчеркивание под заголовком(html/css), что бы она не уезжала при адаптиве?

Приветствую!
Как сделать подобное подчеркивание в html/css?
Скрин: https://a.radikal.ru/a25/2110/e0/fbfeb43b1787.png
Нужно чтобы полоска была позади текста.
Если бы оба элемента были абсолютными, то понятно через z-index, но у меня текст с стандартным позиционированием, или релатив, а полоска абсолют.
Нужно как то привязать полоску в подчеркнутой части текста и сделать чтобы она была под ним по оси Z.
Сделал так: нужный текст для подчеркивания обернул в спан. Сделал его - position: relativ. Относительно него псевдо элемент after c position: absolute и z-index: -1.
Подчеркивание есть, но при уменьшение размера экрана когда текст начинает ломаться полоска само собой едет.
Как сделать что бы она не съезжала и была всегда в нужном месте?
  • Вопрос задан
  • 177 просмотров
Решения вопроса 1
Rsa97
@Rsa97
Для правильного вопроса надо знать половину ответа
Пригласить эксперта
Ответы на вопрос 1
alaskafx
@alaskafx
Не .do Frontend


Надеюсь, оно?
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы