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

[mey.sam]

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

کد

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

[a1994n1373]

.box{
display:inline-block;
}

[<?php?>]

تقدیم شما :

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