Как один div центрировать по родителю, а второй сместить справа?

Question

[HennesyGregson]

Возникла проблема. Такая вот табличка CTA. Надпись "не можете определиться..." нужно центрировать, а кнопку сместить вправо, и чтобы при растягивании страницы всё оставалось на местах: один div по центру, второй - на пропорциональном расстоянии справа. Пробовал и флексы и bootstrap. Чувствую, что решение гениально простое, но в голову ничего не приходит.

Answer 1

[азаза]

один центрируйте, второй абсолютным позиционированием от первого в минус
или сделайте 3 дива 33%
центральному дайте текст по центру, крайнему по левому краю

Answer 2

[Арсений Матыцин]

На самом деле решений тут не одно:
1. Можно визуально разбить на несколько частей всю секцию, скажем 2 1 1 1 (соотношение), где второй элемент замет 1 часть и получит центрирование текста, второй третью часть с выравниванием по левому краю, первый и последний это пустота, соответственно может быть выполнено отступами.
2. Абсолютное позиционирование.
3. Гриды с условиями деления секции как в пункте 1.
4. И т.д.

Минусы всех — ожидаемые переносы текста на разных разрешениях. Поэтому без медиазапросов будет больно смотреть с мобилы или планшета.

Answer 3

[problin]

Сделать слева пустой блок шириной с кнопку.

Answer 4

[progammer]

Float: right