Как сделать данные варианты сетки?

Question

[Паша Тарасенко]

Ширина блоков должна быть 50%, блоки 3, 7, 11 должны прижиматься вправо, порядок в разметке изменять нельзя. Нужно сделать или на флоатах или инлайн блоках, флексы не подходят.

здесь тоже подобный случай. Блоки 1, 5 должны быть шириной 30%, 2 и 6 соответственно 70%. 4 блок должен прижиматься влево, 3,4 блок ширина 50%. Порядок в разметке так же нельзя изменять. Ну и в обоих случаях нужно успешное прохождение переполенение контентом.
Буду очень благодарен за помощь, так как самому не получается это реализовать

Answer 1

[kn1ght_t]

https://jsfiddle.net/5cbq4voa/

Comments

[Паша Тарасенко]

спасибо, получилось. А может есть еще вариант без дополнительных классов, через nth-child

[Максим]

Паша Тарасенко: https://jsfiddle.net/5cbq4voa/1/

Answer 2

[GreatRash]

Я чот не понял, две колонки должны превращаться в четыре?

Comments

[Паша Тарасенко]

нет, это 2 разные задачи, со второй ниже способ сработал