html - Align two divs those are on different side -

i'm new css , html , question simple!

i have 3 <div> tags in page :

<div id="first"> foo </div> <div id= "second"> foo </div> <div id= "third"> foo </div> 

i'd show divs :

<div id="first"> foo </div> <div id= "second"> foo </div>  <div id= "third"> foo </div> 

i'd move third on right side , align second in order in same line!

how can it?

use combination of float , clear properties:

<style> #first, #second, #third { float:left; } #second { clear:left; }  /* width not necessary. added display purposes */ #second, #third { width:50%; }  </style>  <div id="first"> foo </div> <div id= "second"> foo </div> <div id= "third"> foo </div> 

http://jsfiddle.net/8d7td/