Поместите первый элемент рядом с центральным элементом ⇐ CSS

[Anonymous]

У меня есть такой простой макет:

.container { дисплей: гибкий; цвет фона: серый; белый цвет; выровнять-элементы: по центру; оправдание-содержание: центр; } .el1 { цвет фона: красный; } .el2 { цвет фона: синий; элемент 1 элемент 2

Я хочу, чтобы element2 сначала располагался по центру контейнера, а element1 всегда находился рядом с ним, независимо от размера element2 ( element2 может иметь разные размеры).

Я пробовал использовать position: Absolute и автоматическое поле для element2 и перемещать element1 влево, но таким образом, если element2 растет, мне также нужно настроить element1.

Как это правильно сделать?