تعدادی div با کلاس یکسان در یک ردیف

سلام.چطور میتونم این سه تا باکس رو در یک ردیف و در وسط صفحه قرار بدم؟

کد

کد:

---

<section id="boxes">
    <div class="container">
        <div class="box">
          <h3></h3>

          <p></p>

        </div>
 
        <div class="box">
     
          <h3></h3>
          <p> </p>
        </div>
 
        <div class="box">
         
          <h3></h3>
          <p> </p>
        </div>
      </div>
    </section>

---

.box{
display:inline-block;
}

تقدیم شما :

https://jsfiddle.net/ax5af8v3/1/