html 코딩 float 로 가로 3등분

가뭄에 콩나듯 html 코딩을 하니 자꾸 까먹어서 남겨둠

float를 사용해서 가로 3등분하는 법

<style type="text/css">
    #container{width:100%;*zoom:1;text-align:center;}
    #container:after {content:" "; display:block; clear:both;}
    #left{float:left;width:100px;}
    #right{float:right;width:100px;}
    #center{margin:0 auto;width:100px;display:inline-block;}
</style>

<div id="container">
  <div id="left"></div>
  <div id="right"></div>
  <div id="center"></div>
</div>