Ik wil een div met daarin een afbeelding helemaal links, en een andere helemaal rechts. Hoe los ik dit het best op?

Een kort antwoord is:

HTML:

<img class="float-left" src="foo.jpg" />
<img class="float-right" src="bar.jpg" />

CSS:

.float-left { float: left; }
.float-right { float: right; }

Nu kun je gewoon die plaatjes in die div plaatsen en ze horen dan allebei een kant op te floaten.

Wel even een overflow: hidden; meegeven aan de parent div om de div mee te laten rekken met de inhoud (in dit geval 2 afbeeldingen).