两个层在网页中间并排

<div style="margin:auto; height:auto; width:auto;clear:both;">
  <div style="float:left; width:50%">aaaaaa</div>
  <div style="float:left; width:50%">bbbbbb</div>
</div>
<div clear="both">ccccccc</div>
</body>