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

<html>
<head>
<style type="text/css">
div
{
float:right;
width:120px;
margin:0 0 15px 20px;
padding:15px;
border:1px solid black;
text-align:center;
}
</style>
</head>

<body>
<div>
<img src="/images/logocss.gif" width="95" height="84" /><br />
CSS это круто!
</div>
<p>
Это некоторый текст. Это некоторый текст. Это некоторый текст. 
Это некоторый текст. Это некоторый текст. Это некоторый текст. 
Это некоторый текст. Это некоторый текст. Это некоторый текст. 
Это некоторый текст. Это некоторый текст. Это некоторый текст. 
Это некоторый текст. Это некоторый текст. Это некоторый текст. 
Это некоторый текст. Это некоторый текст. Это некоторый текст. 
Это некоторый текст. Это некоторый текст. Это некоторый текст. 
Это некоторый текст. Это некоторый текст. Это некоторый текст. 
Это некоторый текст. Это некоторый текст. Это некоторый текст. 
Это некоторый текст. Это некоторый текст. Это некоторый текст. 
Это некоторый текст. Это некоторый текст. Это некоторый текст. 
Это некоторый текст. Это некоторый текст. Это некоторый текст. 
Это некоторый текст. Это некоторый текст. Это некоторый текст. 
</p>

<p>
В параграфе выше, элемент div имеет 120 пикселей в ширину и содержит изображение.
Элемент div будет плавать справа.
Поля добавлены к div, чтобы отодвинуть текст от div.
Границы и отступы добавлены к div. чтобы сделать рамку для изображения, а также заголовок.
</p>
</body>

</html>

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

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

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

недорогие фейерверки интернет магазин пиротехники, салютов и фейерверков в СПб