I use "margin" to adjust the space images of various sizes take up to compensate for unsighlty text positioning where I have a variety of sizes, but this causes the caption to end up far away from the image.
In the example below, the caption ends up half a page below the image instead of "glued to it".

Is there a quick and easy solution that does not require to change the way I'm doing things now?


<div class="logo"><img src="http://www.boiler-breakdown-repair-london.co.uk/pics/GSR GIF 200.gif" alt="gas safe logo" width="200" height="200"
style="float: left; margin: .1em 1em 71em 1em; "><br> CAPTION </div>