如何让子div在父div中水平居中？

http://zhidao.baidu.com/question/1366818280011827819.html


< html >

< head >

< style >

#box{

     border: 1px solid gray;

     width: 100%;

}

  #zhongjian{

     height: 120px; 

     width: 340px;

     background: yellow;

     margin-left: auto;

     margin-right: auto;

  }

.mokuai{ 

     margin: 10px 0 10px 10px; 

     background: red;

     height: 100px;

     width: 100px;

     float: left;

}

</ style >

< body >

   < div  id = "box" >

     < div  id = "zhongjian" >

         < div  class = "mokuai_1 mokuai" >853</ div >

         < div  class = "mokuai_2 mokuai" >853</ div >

         < div  class = "mokuai_3 mokuai" >853</ div >

     </ div >

   </ div >

</ body >

</ html >