一行の中に左右(左と右)と中央揃えを同時に行うCSS

一行の中に左右(左と右)と中央揃えを同時に行うCSS

float指定の無い「中央」のdivを最後に書く

1. <div style="width:100%; background-color:#eeeeee;">  
2.  <div style="text-align:left; float:left;">左</div>  
3.  <div style="text-align:right; float: right;">右</div>  
4.  <div style="text-align:center;">中央</div>  
5. </div>  

 <div style="width:100%; background-color:#eeeeee;">
  <div style="text-align:left; float:left;">左</div>
  <div style="text-align:right; float: right;">右</div>
  <div style="text-align:center;">中央</div>
 </div>