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

<html>
<head>
<style type="text/css">
img 
{
float:right;
border:1px dotted black;
margin:0px 0px 15px 20px;
}
</style>
</head>

<body>
<p>
В параграфе ниже, изображение будет плавать справа. Точечная черная граница добавлена к изображению.
Также мы добавили поля к изображению, чтобы отодвинуть текст от изображения:
0 пикселей поле сверху и справа, 15 пикселей поле снизу и 20 пикселей поле слева от изображения.
</p>
<p>
<img src="/images/logocss.gif" width="95" height="84" />
Это некоторый текст. Это некоторый текст. Это некоторый текст. 
Это некоторый текст. Это некоторый текст. Это некоторый текст. 
Это некоторый текст. Это некоторый текст. Это некоторый текст. 
Это некоторый текст. Это некоторый текст. Это некоторый текст. 
Это некоторый текст. Это некоторый текст. Это некоторый текст. 
Это некоторый текст. Это некоторый текст. Это некоторый текст. 
Это некоторый текст. Это некоторый текст. Это некоторый текст. 
Это некоторый текст. Это некоторый текст. Это некоторый текст. 
Это некоторый текст. Это некоторый текст. Это некоторый текст. 
Это некоторый текст. Это некоторый текст. Это некоторый текст. 
</p>
</body>

</html>

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

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

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