html - Best way to insert image over text? -

i wondering best way insert image on text is? http://i.imgur.com/prbeole.png should float top part of text both. bottom image left , bottom text right or there better way of doing this?

first thing, image inline element. , float image part (right/left) assign appropriate margin make clean text.

p img {      float: left;      margin: 15px 15px 15px 0;  }

<p>it long established fact reader distracted readable content of page when looking @ layout. point of using lorem ipsum has more-or-less normal distribution of letters, opposed using 'content here, content here', making readable english. many desktop publishing packages , web page editors use lorem ipsum default model text, , search 'lorem ipsum' <img src="http://www.modernartframing.com.au/images/video-icon.jpg" alt="img"/> uncover many web sites still in infancy. various versions have evolved on years, accident, on purpose (injected humour , like).it long established fact reader distracted readable content of page when looking @ layout. point of using lorem ipsum has more-or-less normal distribution of letters, opposed using 'content here, content here', making readable english. many desktop publishing packages , web page editors use lorem ipsum default model text, , search 'lorem ipsum' uncover many web sites still in infancy. various versions have evolved on years, accident, on purpose (injected humour , like).</p>