Заголовок с 5 частями

Question

Я хотел бы создать заголовок HTML/CSS с 5 частями.

1. левый (с 60% ширины)
2. EndLeft (Только круглый конец)
3. Логотип
4. StartRight (Только круглый старт)
5. EndRight (Для того, чтобы заполнить остальную часть заголовка)

У меня есть некоторые проблемы с этим.

На первый мой код: http://jsbin.com/OFoTizO/1/edit

Весь вид: http://jsbin.com/OFoTizO/1

Проблемы:

1. Если я приближать, то дивы в новой строке
2. Если Я увеличиваю масштаб, и я прокручиваю направо, EndRight не заполняет весь сайт.

Answer 1

Проблема заключалась в том, что требуется «минимальная ширина». После установки минимальной ширины он работал без проблем