| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> |
| <html> |
| <head> |
| <style> |
| body > div { border:5px solid black; height: 100px } |
| .float { float: left; width:100px; height:100px; background-color: green } |
| .normal { width: 100px; height:100px; background-color: purple } |
| .left { margin-left: 200px; } |
| .negleft { margin-left: -50px; } |
| .block { display: block } |
| </style> |
| </head> |
| <body> |
| <div> |
| <div class="float"></div> |
| <img class="block normal left"> |
| </div> |
| |
| <br clear="all"> |
| |
| <div> |
| <div class="float"></div> |
| <img class="normal left"> |
| </div> |
| |
| <br clear="all"> |
| |
| <div> |
| <div class="float"></div> |
| <img class="block normal negleft"> |
| </div> |
| |
| <br clear="all"> |
| |
| <div> |
| <div class="float"></div> |
| <img class="normal negleft"> |
| </div> |
| |
| <br clear="all"> |
| |
| <div> |
| <div class="float"></div> |
| <input class="block normal left"> |
| </div> |
| |
| <br clear="all"> |
| |
| <div> |
| <div class="float"></div> |
| <input class="normal left"> |
| </div> |
| |
| <br clear="all"> |
| |
| <div> |
| <div class="float"></div> |
| <input class="block normal negleft"> |
| </div> |
| |
| <br clear="all"> |
| |
| <div> |
| <div class="float"></div> |
| <input class="normal negleft"> |
| </div> |
| |
