Два плавающих элемента div с гибким элементом div в -между

Мне нужно следующее в заголовке фиксированной ширины:

1. Влево плавал div разной ширины.
2. Справа плавал div разной ширины.
3. h2 в центре между ними, который занимает все оставшееся место.

Плавающие элементы div содержат содержимое, которое может различаться по размеру.

Я пробовал разные подходы, но все они потерпели неудачу. Я знаю, что одно из решений состоит в том, чтобы абсолютно расположить внешние элементы div, затем растянуть h2 на всю ширину и центрировать текст, чтобы он располагался по центру, но должен быть более удобный способ сделать это.