Как центрировать блок с float-блоками внутри и с нефиксированной шириной?

Question

[JackShcherbakov]

Здравствуйте!

Задача:
На сайте есть календарь для выбора даты:
.
Необходимо центрировать красный блок по центру без использования фиксированной ширины. Блок состоит из двух кастомных селектов.

Почему нельзя использовать фиксированную ширину:
Я сделал с использованием фиксированной ширины, но такой подход неверен, так как в левом select может быть выбран более короткий месяц, например, "Июль" и в таком случае между годом и месяцем будет пробел, ибо ширина фиксирована, что неправильно, и у селектов есть flaot.

Заранее спасибо всем, кто поможет.

Answer 1

[ProjectSoft]

flexbox в помощь jsfiddle.net/b3a1c5x8

Comments

[ProjectSoft]

Егор Скороходов, верно!)
Только inline-block я не люблю из-за присутствия лишних отступов. Мелочи )), которые решаются всякими костылями.

[JackShcherbakov]

Егор Скороходов, Ребят, спасибо большое за помощь! Егор, можете, пожалуйста, написать свой ответ не в комментариях. Так я смогу пометить и ваш ответ как решение : )

[ProjectSoft]

Егор Скороходов, как раз и есть костыль