Вопрос о разметке от новичка

[BehemothOz]

Добрый день. Являюсь очень сырым в вопросе верстки. 

На данном этапе постигаю разметку страницу. Много теории, все интересно, но когда дело доходит до практики - "залипаешь".

Появился такой вот вопрос. 

Часто вижу подобную структуру на сайте: 

(прошу прощения за кривоту, быстро набросал в Пейнте)

Это картинка отображает часть контента страницы.

Т.е. имеются 4 блока с какой-то информацией. Как правильно разметить часть этой страницы? У меня получается слишком большая вложенность. 

Приведу пример.

<div class="main"> <!-- блок со всем контентом -->  <div class="container"> <!-- центровщик -->    <div class="content-block"> <!-- блок, в котором размещены вышеуказанные 4 элемента-->      <div class="block block-one"> <!-- первый блок -->      </div>      <div class="block block-two"> <!-- второй блок -->      </div>      <div class="block block-three"> <!-- третий блок -->      </div>      <div class="block block-four"> <!-- четвертый блок -->​      </div>    </div>  </div></div>

Но может стоит первые два блока (и само собой третий и четвертый) заключить еще в отдельный div, чтобы в дальнейшем не было проблем с float?

Или же всем удобнее задать display:inline-block, и аккуратно расположить так как нужно?

Да, размеры блоков одинаковы. 

Спасибо за ответы если таковые будут. 

 

 

 

 

 

[tt48]

Постановки задачи (что хотеть от этих блоков: как они тянутся и пр.) нету, потому ваше решение вполне себе ...решение.

Проблем с float тоже не будет, т.к. css не видно вовсе

[Sergik+]

Вполне нормальная вложенность, выше правильно написали не видно css вообще, на float забейте просто, пока научитесь display:flex будет поддерживаться почти стопроцентно, умирает потихоньку float, за верстку в следущем году за него по рукам будут бить как за верстку таблицами.

[BehemothOz]

Спасибо!

В следующий раз, при появлении вопроса, буду более подробно раскрывать задачу)