Это может показаться обычным вопросом, но я чувствую, что я полностью застрял.
Итак, я хочу создать веб-сайт, часть которого состоит из двух элементов в контейнере: текст заголовка и кнопка,Я хочу разместить их в центре главной оси (контейнера), с небольшим промежутком между ними. Мне не нравится опция justify-content: space-around, потому что она оставляет слишком много места в середине. Поэтому для этого я бы использовал левые / правые поля для каждого из элементов. Но я также хочу использовать flex-wrap: wrap;, что означает, что если размер экрана слишком мал для размещения обоих элементов, css перенесет кнопку на следующую строку. Однако каждый раз, когда это происходит, margin-left все еще остается на кнопке, поэтому выглядит не по центру. (См. Изображение) Элементы были отцентрированы, но когда я сжимаю окно, это происходит
Есть идеи? Спасибо.
РЕДАКТИРОВАТЬ: Использование медиа-запросов все портит, поэтому мой новый вопрос таков: есть ли способ сделать пространство между двумя центрированными элементами постоянными для всех размеров экрана без полей?