HTML / CSS: Фиксированные поля и ширина текучей среды

Как мне сделать это с помощью CSS:

Я хотел бы иметь 2 div или более и их ширину должно быть в процентах , но поле между div должно быть фиксированным, в этом примере 30px

Проблема для меня заключается в разнице между двумя div, потому что я могу поместить эти div в div побольше и установите для левого и правого отступов значение 30 пикселей, и все в порядке, но что мне делать с полем между двумя div?

Если я попытаюсь добавить, например, к первому div margin-right: 30px; тогда ширина блока будет 70% + 30 пикселей , что в целом будет больше 100%, и второй блок упадет вниз.

Каково же решение этой проблемы?