Задать вопрос
@IvanLu
Начинающий веб-разработчик

Как сверстать такую конструкцию?

Подскажите, как грамотно сверстать эти три элемента чтоб без костылей ?
У меня есть три элемента : линия 800 пикселей(PNG), иконка дерева(PNG) и текст.
Я так понимаю текст нужно сделать через бифор..

613232a9816eb723227320.png
  • Вопрос задан
  • 178 просмотров
Подписаться 1 Простой 4 комментария
Решения вопроса 1
Fragster
@Fragster
помогло? отметь решением!
Пригласить эксперта
Ответы на вопрос 1
@Steppp
Я бы сделал блок(див), высотой 100рх, шириной 1000рх. и в него span (h3/ ul>li>h3)

div.block
span.text

У текста (span) padding 60px 0 0 30px
дерево я бы на псевдо эл к диву, так же и линию к диву только адаптации не будет

С адаптацией я бы нарисовал спану псевдо эл линии, и кустик к диву) right: 0;
И вообще это не спан, а заголовок, либо же пункт меню
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы