<!DOCTYPE html>
<html>
<head>

<style>
body {
    margin: 0px;
    padding: 8px;
}
</style>
</head>
<body>
<span style="float: left; width: 20px; height: 100px; border: 1px solid red"></div>
<span style="float: left; width: 20px; height: 10px; border: 1px solid red"></div>
<div style="float: right; width: 500px; height: 10px; border: 1px solid red"></div>

<div style="height: 30px; width: 200px;">
  <span style="float: left;">fooooooooo 00og</span>1
</div>
<div style="float: left; height: 300px; width: 500px;"></div>

</body>
</html>