Yahoo Baba : Float

float left
float left
float right, width 200px





Exported from Notepad++
<html><head> <title>css float</title> <style> body{ background-color:pink; } .fL-1{ float: left; border: 2px solid black; width: 500px; margin-right: 10px; background-color: grey; } .fL-2{ float: left; border: 2px solid red; width: 500px; background-color: pink; } .fR-1{ float: right; border: 2px solid green; width: 200px; background-color: silver; } </style></head><body> <h1>Yahoo Baba : Float</h1> <div class="fL-1">float left</div> <div class="fL-2">float left</div> <div class="fR-1"> float right, width 200px</div></br></br></br></br></br> </body> </html>