There may be an easier way but I like css.
You could set up specific css rules to control how text flows around an image depending on where you want the image to appear.
Adjust the padding to suit your situation. I’ve applied both class and id attributes to each css rule so that you don’t have to worry about which you use, class or id on your images.
#imglft, .imglft {
float: left;
padding: 5px;
margin: 0;
}
#imgrht, .imgrht {
float: right;
padding: 5px;
margin: 0;
}
#imgcnt, .imgcnt {
margin-right: auto;
margin-left: auto;
padding: 5px;
/* may need for IE */
text-align: center;
}
Then just apply it to any image.
<img class="imglft" src="/images/someimage.jpg" alt="" />
That should do it.