一起有两个div互相靠着，怎样使他们靠着且整体水平居中

<style>
#a{ width:600px; margin:0 auto; overflow:hidden;}
#a1{width:300px; float:left}
#a2{width:300px;float:left}
</style>
<div id="a">
  <div id="a1"> aaaaa</div>
  <div id="a2"> bbbb </div>
</div>