<!DOCTYPE html>
<html>
<head>
<style>
body {
    margin: 0px;
    padding: 8px;
}
</style>
</head>
<body>
<div style="float: left; width: 20px; height: 100px;"></div>
<div style="float: left; width: 20px; height: 10px;"></div>
<div style="float: right; width: 500px; height: 10px;"></div>

<div style="height: 30px; width: 200px;">
  <span style="float: left; width: 100px; height: 40px;">fooooooooo bar</span>foo
</div>
<div style="float: left; height: 300px; width: 500px;"></div>

</body>
</html>