Как я могу сделать 2 разбивки по центру с выровненным по левому краю текстом?

#css #sass #bulma

#css #sass #bulma

Вопрос:

Я использую Bulma SCSS, и я пытаюсь сделать 2 центрированных столбца (например mx-auto ) с небольшим отступом между ними ( p-3 например). Как я могу это сделать? (извините за отсутствие какого-либо кода для показа)

Пример

Ответ №1:

Я надеюсь, что это то, о чем вы просили

 <section style="width: 100%; display:flex; justify-content: center;" >
 <section style="display:flex; gap: 0 100px;">
  <div>
   Box 1
  </div>
  <div>
   Box 2
  </div>
 </section>
</section>
 

свойство gap не работает в Safari и некоторых других браузерах, поэтому вы можете использовать margin или padding для разделения разделов

Комментарии:

1. Идеально! Большое вам спасибо!

2. пожалуйста, отметьте этот ответ, если это помогло

3. Это заставляет вас ждать 10 минут, прежде чем вы сможете принять ответ 🙂