css - How can give third child div within one parent div -

I have a basic div. There are two hair divs on the top of the parent div I am the first hairdryer

< Pre> & lt; Div class = parent1 & gt; How can I give the third child div under? & Lt; Div square = hair 1 & gt; Some text & lt; / Div & gt; / * This parent div * / & lt; Div class = child2 & gt; Some text & lt; / Div & gt; / * This parent div * / & lt; Div class = child3 & gt; Some text & lt; / Div & gt; Is at the top right / * How can I write CSS for this div left as the bottom left * /

< Div class = "post-text" itemprop = "text">

If you are ready to assign fixed width to your div then use of CSS float

Style & gt; Div.parent1 {width: 800px; }. Child 1 {float: left; Width: 400px; } .child2 {float: right width: 400px; } .child3-container {clear: both; Text align: right; } & Lt; / Style & gt; & Lt; Div class = parent1 & gt; & Lt; Div square = hair 1 & gt; Some text & lt; / Div & gt; & Lt; Div class = child2 & gt; Some text & lt; / Div & gt; & Lt; Div class = 'child3-container' & gt; & Lt; Div class = child 3 & gt; Some text & lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt;