如何制作 2 个居中的 div，文本左对齐？

Question

我正在使用 Bulma + SCSS，我正在尝试制作 2 个居中的列（例如 mx-auto），中间有一些填充（例如 p-3）。我怎样才能做到这一点？（很抱歉没有任何代码可以显示）

Example

Answer 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>

间隙属性不适用于 safari 和其他一些浏览器，因此您可以使用边距或填充来分隔 div

如何制作 2 个居中的 div，文本左对齐？

How can I make 2 centered divs with left aligned text?

css

sass

bulma