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