<!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>

