Как сверстать 3 колонки, чтобы текст по краям заходил на центральную колонку?

Question

[artimity]

Как такое сверстать? Чтобы текст по краям заходил на картинку?

Comments

[Ankhena]

1. Сделать 5 столбцов, а не 3.
Блоки с текстом будут занимать по 2 колонки.
Псевдо с картинкой - 3.

2. Сделать две колонки.
2.1. Текст с отступами в левую и правую. Псевдо с картинкой - в обе колонки и по центру.
2.2. Аналогично, но псевдо прибить абсолютом.
2.3 Аналогично, но картинку фоном.

[Антон Антон]

как должна работать адаптивность от ширины?

[DIVSIDE]

Гридом. Делай 12 колонок. В центральные 3 размещай див с картинкой. Можно абсолютом по центру.
А тексту говори с какой колонки начаться и какой закончиться

Answer 1

[copyhold]

вам поможет свойство
shape-outside