A: 

Use the property align om the image tag ie, <img src="" alt="" align="left" />

But still i depends on where the img tag is placed in the html..

http://www.w3schools.com/tags/att_img_align.asp

Buckley
Thanks for your suggestion. Are there any css commands i.e. text-justify:xxxx to set the format like the first one I want ?
pfau
@pfau - not what i know of sorry.
Buckley
+1  A: 

use Float propert in image and write text normally

Eg

<p>
 some text some text some text some text some text some text some text some text some text some text some text some text some text some text 

<img src="some.jpg" style="float:left">

some text some text some text some text some text some text some text some text some text some text some text some text some text some text 

</p>
nik
Thanks for your suggestion. However, all my texts are from the database which I don't know how long each so I am afraid I cannot use your method.
pfau
u can always use it regardless of the length of the text like: <p><img><text></p>. If u want image on top and <p><text><img></p> if u want it bottom. As ur figure in question suggest
nik
A: 

Use margin-top on the floated box.

Cheers,
Gorka
www.AquiGorka.com

Gorka