Div 내에서 Div 나란히 정렬

<최상위 div>

<div>1        |        <div>2         |          <div>3

이렇게 만들고자 할때

<div style="width:100%; border:1px solid red;" align=center>      <div style="width:90%;">           <div style="width:33%; float:left; border:1px solid #333;">1</div>           <div style="width:34%; float:left; border:1px solid #333;">2</div>           <div style="width:33%; float:left; border:1px solid #333;">3</div>      </div> </div>