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

کد
کد:
<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>