Редактор Онлайн

<html>
<head>
<style type="text/css">
img 
{
float:right;
}
</style>
</head>

<body>
<p>В параграфе ниже, мы добавили изображение со стилем <b>float:right</b>. В результате изображение будет встроено справа в параграф.</p>
<p>
<img src="/images/logocss.gif" width="95" height="84" />
Это некоторый текст. Это некоторый текст. Это некоторый текст. 
Это некоторый текст. Это некоторый текст. Это некоторый текст. 
Это некоторый текст. Это некоторый текст. Это некоторый текст. 
Это некоторый текст. Это некоторый текст. Это некоторый текст. 
Это некоторый текст. Это некоторый текст. Это некоторый текст. 
Это некоторый текст. Это некоторый текст. Это некоторый текст. 
Это некоторый текст. Это некоторый текст. Это некоторый текст. 
Это некоторый текст. Это некоторый текст. Это некоторый текст. 
Это некоторый текст. Это некоторый текст. Это некоторый текст. 
Это некоторый текст. Это некоторый текст. Это некоторый текст. 
</p>
</body>

</html>

Ваш Результат:

Отредактируйте код сверху и кликните кнопку, чтобы посмотреть результат.

Уроки CSS - Попробуйте сами