Как центрировать средний дочерний элемент в родительском элементе Flexbox с неравномерной шириной? ⇐ CSS

[Anonymous]

У меня есть родительский контейнер с display: flex и justify-content: space-between. Внутри этого родителя у меня есть три дочерних элемента с разной шириной. Вот упрощенная версия моего HTML и CSS:
Я использую попутный ветер только для оформления

Код: Выделить всё

Child 1
Child 2
Child 3

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

Подробнее здесь: https://stackoverflow.com/questions/786 ... ven-widths