قرار دادن divها کنار هم

[arezooafshari]

می خواهم 3 div رو کنار هم بچینم، به طوری که div با کلاس urbox زیر rbox قرار بگیرد و rbox و lbox کنار هم. کد html و css را به شکل زیر نوشتم


<div class="bbox"><!-- ورود به سیستم --> <div class="csys"> <p class="come"> ورود به سیستم </p> </div><!-- right box --> <div class="rbox"> </div><!-- under right box --> <div class="urbox"> </div><!-- left box --> <div class="lbox"> </div> </div>



.bbox{
background-color:yellow;
margin-top:70px;
height:300px;
width:960px;
position:relative;
padding-top:30px
}
.csys{
background-color:yellow;
/*height:50px;*/
width:100px;
position:absolute;
bottom:325px;
}
.come{
font-size:10px;
font-weight:bold;
padding-right:10px;
}
.rbox{
height:230;
background-color:gray;
width:370px;
margin-right:30px;
float:right;
}
.urbox{
width:370px;
height:40px;
background-color:blue;
margin-top:230px;
margin-right:30px;
}
.lbox{
height:230;
background-color:gray;
width:475px;
margin-left:30px;
float:left;
}