Как Вы видите верстку такого блока?

Question

[ValeraValera]

Как бы Вы верстали такой блок, интересно услышать разные мнения ?
Я вижу как синий блок: border 1px solid ; position:relative;
а красные : position: absolute;

Comments

[Ankhena]

Как бы Вы верстали такой блок, интересно услышать разные мнения ?
Я вижу как синий блок: border 1px solid ; position:relative;
а красные : position: absolute;

Нормальный ход, чем он смущает?

[ValeraValera]

Ankhena W: может кто-то видит это по-другому, интересно узнать )

[myskypesla]

Valera1312: так и делай, всё верно. Для текста или для всего блока синего можно сделать padding right, это нужно если у тебя вдруг стоит для синего блока max-width, а не width

[Froggyweb]

Ой а зачем абсолют как выставлять высоту общего блока? Все гораздо проще блок враппер в нем контент. В контенте заголовок и тест. Рядом картинка.

В цсс флоат или флексбокс или инлайн блок на вкус

Answer 1

[Ярослав Иванов]

Как Вы видите верстку такого блока ?

Глазами

Как бы Вы верстали такой блок ?

Руками

Answer 2

[Андрей Токмаков]

codepen.io/anon/pen/mWYRog

Answer 3

[Александр Петров]

Я бы тоже делал через position:absolute для красных. Но для синего я сверху указал margin-top размеров в пипетку баночки, чтобы пипетка не наезжала на верхние блоки.