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

Question

I'm using Bulma + SCSS, and I'm trying to make 2 centered columns (like mx-auto) with a bit of padding in between (p-3, for example). How can I do this? (sorry for not having any code to show)

Example

Malik Omer Javed · Accepted Answer · 2020-11-20T14:36:10.913

0

I hope this is what you asked for

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

the gap property doesn't work on safari and some other browsers so you can use margin or padding to seprate the divs

edited Nov 20 '20 at 14:36

answered Nov 20 '20 at 14:33

Malik Omer Javed

159
7

Perfect! Thank you so much! – throwawayacc Nov 20 '20 at 14:34
please tick this answer if it helped – Malik Omer Javed Nov 20 '20 at 14:36
It makes you wait 10 minutes before you can accept an answer :) – throwawayacc Nov 20 '20 at 14:43

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

1 Answers1