x
<html><head><style>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/w3css.gif" width="100" height="140"><br>CSS - Это круто!</div><p>Это какой-то текст. Это какой-то текст. Это какой-то текст.Это какой-то текст. Это какой-то текст. Это какой-то текст.Это какой-то текст. Это какой-то текст. Это какой-то текст.Это какой-то текст. Это какой-то текст. Это какой-то текст.Это какой-то текст. Это какой-то текст. Это какой-то текст.Это какой-то текст. Это какой-то текст. Это какой-то текст.Это какой-то текст. Это какой-то текст. Это какой-то текст.Это какой-то текст. Это какой-то текст. Это какой-то текст.Это какой-то текст. Это какой-то текст. Это какой-то текст.Это какой-то текст. Это какой-то текст. Это какой-то текст.Это какой-то текст. Это какой-то текст. Это какой-то текст.Это какой-то текст. Это какой-то текст. Это какой-то текст.Это какой-то текст. Это какой-то текст. Это какой-то текст.</p><p>В приведенном выше параграфе элемент div имеет ширину 120 пикселей и содержит изображение.Элемент div будет перемещаться вправо. Поля добавляются к div, чтобы отодвинуть текст от div.Границы и отступы добавляются к блоку div для обрамления изображения и подписи.</p></body></html>