Как, не меняя блоки местами, только на css, сделать такое расположение блоков?

Question

[Антон]

Как, не меняя блоки местами, только на css, сделать такое расположение блоков?

из такого положения


Вся суть, что заголовки находятся посередине экрана, сверху и в одну линию, а их списки занимают всю ширину блока main.

Comments

[Ankhena]

display contents для filter и дальше гридами.
Но не могу сказать, чтобы мне был симпатичен такой способ.

[Антон]

Ankhena, судя по всему ничего хорошего из этой идеи не получится, придется делать нормальную разметку, и в моем случае переписывать js, чего я так не хотел.
Спасибо.

[Ankhena]

Антон, на самом деле, если устраивает поддержка, минус у этого способа только один - слетает доступность. Но у вас простые дивы, так что этот аргумент отпадает.

Answer 1

[Юрий Литвиненко]

position: absolule для "title" и "block",
position: relative для "main".

Далее расставить их как нужно.

Answer 2

[Тимур Худиев]

Легче будет сделать другую разметку, чем городить неистовые CSS конструкции)