Как сверстать блок с картинкой и текстом?

Question

[vladHD]

Собственно вопрос, как правильно сверстать такой блок ?(естественно должен быть адаптивным).
В голову приходит позиционировать текстовые блоки на абсолюте, второй вариант- задать фон у одного блока, А туда запихнуть два текстовых, и маржинами выровнять их.. Но остается вопрос с респонсив....

Comments

[tef]

Не понятно, в чём проблема.

[vladHD]

проблемы нет, нужен совет как это красиво и адаптивно реализовать

[nirvimel]

вопрос с респонсив....

А как оно вообще должно выглядеть на низких разрешениях?

[vladHD]

да четкого тз нету, просто должно как-то "адекватно смотреться"

[tef]

vladHD: Так в чём суть загвоздки? Нужно что бы билборд помещался при меньшем экране?

Answer 1

[Artem]

к структуре dm я бы добавил еще одну обертку для .left,.right , и добавил бы на нее что то типа overflow: hidden; или clear:both; и width: 100%;
а html вот такой

<div class="top"></div>
<div class="holder">
  <div class="left"></div>
  <div class="right"></div>
</div>