@HennesyGregson

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

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

5e6527af61ad0936113269.png
  • Вопрос задан
  • 1071 просмотр
Решения вопроса 1
natojezlo
@natojezlo
один центрируйте, второй абсолютным позиционированием от первого в минус
или сделайте 3 дива 33%
центральному дайте текст по центру, крайнему по левому краю
Ответ написан
Пригласить эксперта
Ответы на вопрос 3
ArsenyMatytsyn
@ArsenyMatytsyn
CEO iAmStudio, предприниматель.
На самом деле решений тут не одно:
1. Можно визуально разбить на несколько частей всю секцию, скажем 2 1 1 1 (соотношение), где второй элемент замет 1 часть и получит центрирование текста, второй третью часть с выравниванием по левому краю, первый и последний это пустота, соответственно может быть выполнено отступами.
2. Абсолютное позиционирование.
3. Гриды с условиями деления секции как в пункте 1.
4. И т.д.

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

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы