In css, float can push an image to one side or another, with the text of a paragraph wrapping around it. You can then use margin and padding to add space around your image so the text isn't right on top of it.
Code:
<style>
.picture_left {
float:left;
margin:2px;
}
.picture_right {
float:right;
margin:4px;
}
</style>
<div>
<img src="open.gif" class="picture_right">
your text here your text here your text here your text here your text here your text here your text here your text here your text here your text here your text here your text here your text here your text here
<p>
<img src="open.gif" class="picture_left">your text here your text here your text here your text here your text here your text here your text here your text here your text here your text here your text here your text here your text here your text here
</div>
Bookmarks