同じ行に左右、左右中央 のdivを置くcss

一行の中に左右、左-中央-右 のdivを置くcss

view plainprint?

1. 左・右  
2. <div>  
3.     <div style="float:left;">left</div>  
4.     <div style="text-align:right;">right</div>  
5. </div>  
6.   
7. 左・中央・右  
8. <div style="display:flex; justify-content:center; position: relative;">  
9.     <div style="position:absolute; left:0">left</div>  
10.     <div>center</div>  
11.     <div style="position:absolute; right:0">right</div>  
12. </div>  

左・右
<div>
	<div style="float:left;">left</div>
	<div style="text-align:right;">right</div>
</div>

左・中央・右
<div style="display:flex; justify-content:center; position: relative;">
	<div style="position:absolute; left:0">left</div>
	<div>center</div>
	<div style="position:absolute; right:0">right</div>
</div>

後者は center の div 必須です