Как сделать так, чтобы граница стыка двух блоков оказалась посередине (в горизонтальной плоскости) родительского блока, при переменной ширине блоков?

Question

[Алексей Смирнов]

Есть красный родительский блок:
jsfiddle.net/uzmkyfr8/
Внутри него присутствуют зеленый и синий блоки разной ширины, которые примыкают друг к другу.
Как сделать так, чтобы граница стыка (примыкания) зеленого и синего блока оказалась посередине (горизонтальной плоскости) красного блока?
При этом важно учитывать, что ширина всех блоков может меняться. И при этом стык должен все равно оставаться посередине.

Answer 1

[Сергей delphinpro]

Например так jsfiddle.net/DelphinPRO/uzmkyfr8/2

Answer 2

[Вячеслав Успенский]

Первый вам уже предложили
Вот второй: jsfiddle.net/t2ra6a2x
Вариант третий: убрать float и поднять их при помощи margin а потом уже выровнять по краям
Вариант четвертый: завернуть еще в один уровень.

Comments

[Алексей Смирнов]

Переходя по вашей ссылке, я не вижу никаких изменений в коде. Возможно что-то не сохранилось.

[Вячеслав Успенский]

Алексей Смирнов: действительно 8( второй раз писать влом)