Hello friends,
I need your help for add a floating div in my website, so guys please help me and suggest me css code for a floating div.
Thanks.
Try this:
/* CSS Start */
div {width:200px; height:200px; border:dotted 1px #f00; background-color:#ff0}
.fll {float:left}
.flr {float:right}
.clb {clear:both}
.clr {clear:right}
.cll {clear:left}
/* CSS finsih */
<h2>test start</h2>
<div class='fll'>
testing float
</div>
<div class='flr'>
testing float
</div>
<h2 class='clb'>test start</h2>
John has given you a detailed example, but in brief, you need to set a width for the div less that 100% and give it float: left or float: right. E.g.
div {float: left; width: 400px;}