How to wrap text around image that is behind text

http://stackoverflow.com/questions/11565380/how-to-wrap-text-around-image-that-is-behind-text

by Wexcode

HTML

<div id="text">
<div id="image"></div>
<p>Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum</p>
</div>

CSS

#text { width: 400px; } 
#image { 
    background: red;
    float: left;
    width: 50px;
    height: 50px;
    margin: 0 10px 0 0; }