html - how to show one element under the other one? -

i have problem css in html file.

i have 2 div's:

<div class="one">     .... </div> <br> <div class="two">     .... </div> 

with following css:

.one  {     position: relative;     float: left; } .two  {     position: relative;     float: left; } 

the problem: first div big , second should under first not, right first one.

how fix this, second div under first 1 starting @ left site of page?

a nice explanation why clear?

add clear: left .two

.two { clear: left } 

check jsfiddle