div.kartinka { float:right; width:120px; margin:0 0 15px 20px; padding:15px; border:1px solid black; text-align:center; }
CSS — это круто!
Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф.
В параграф выше мы вставили элемент div шириной 120 пикселей с картинкой внутри. Элемент div выровнен по правому краю. К этому элементу добавлены внешние отступы для отделения иллюстрации от текста. Границы и внутренние отступы позволяют выделить картинку и подпись к ней.
CSS — это круто!
Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф.
В параграф выше мы вставили элемент div шириной 120 пикселей с картинкой внутри. Элемент div выровнен по правому краю. К этому элементу добавлены внешние отступы для отделения иллюстрации от текста. Границы и внутренние отступы позволяют выделить картинку и подпись к ней.