CSS - Make text wrap over image -

i stuck dealing image positioning , text-wrapping above (!) it. situation simple: have 'p' element text , 'img' inside 'p', need is: move down image inside paragraph , make text wrap on image.

<p><img src="/some/source/">some text</p> 

here codepen representation of problem

thanks help!

basically, 4 numbers after margin represent top right bottom left. if want add whitespace right-aligned image, this:

<img data-original="image url" align="right" style="margin: 0px 0px 0px 10px;" /><p>your text goes here.</p> 

also check this tutorial

align attribute values

<img align="left|right|middle|top|bottom">