Как разместить изображение с левой и правой стороны объекта?

Question

[Андрей]

Как разместить изображение с левой и правой стороны объекта через css таким образом, что бы заполнение бэкграуда было лишь на ~30% с левой и правой стороны, а центр оставался пустым.
Пример указан на изображении:

Answer 1

[HamSter]

как сделала бы я

:before, :after свой любой фон можно задавать

Comments

[Андрей]

Здорово! Спасибо большое. Просто и гениально.

Answer 2

[Петр]

3 элемента со стилями
display: table-cell;
и для центрального задана ширина

Comments

[Андрей]

Спасибо! А если этот объект 1. То есть он имеет ширину в 100%. И через CSS задать ему бэкграунд, который заполнял бы только часть пространства по левой и правой стороне. А центр без заполнения.