Как обернуть текст вокруг плавающего фиксированного изображения?
У меня есть изображение, которое плавает в правом нижнем углу (чтобы вставить кнопку, положение должно быть зафиксировано). Однако часть текста на моей странице исчезает за изображением. Можно ли сделать этот текст обернутым вокруг моего изображения?
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body>
<img src='http://upload.wikimedia.org/wikipedia/commons/e/ec/Happy_smiley_face.png'
style='float:right;
position: fixed;
right:50px;
bottom:50px;
width:20%'>
Text is placed here
</body>
</html>
Вы можете увидеть проблему в действии на этомпример страницы.