<!DOCTYPE html>
<html>
<head>
<style>
body {
    margin: 0px;
    padding: 8px;
}
img {
    vertical-align: top;
}

</style>
</head>
<body>
<div style="float: left;">foo</div>
<div style="float: left;">foobar</div>
<div style="float: left;">foobar foobar</div>
<div style="float: left;">foobar foobar foobar</div>
<div style="float: left;"><img width=800px height=100px src="foo.jpg"></div>
<div style="float: right;">bar</div>
<div style="float: right;">barfoo bar</div>
<div style="float: right;">barfoo barfoo bar</div>
<div style="float: right;">barfoo barfoo barfoo bar</div>
</body>
</html>