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

Question

我使用的是Bulma+SCSS，我试图制作两个居中的列(如mx-auto(，中间有一些填充(例如p-3(。我该怎么做？(很抱歉没有任何代码显示(

示例

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>

gap属性在safari和其他一些浏览器上不起作用，因此您可以使用margin或padding来分隔divs