img { float:right; border:1px dotted black; margin:0px 0px 15px 20px; }
В параграф ниже мы добавили изображение со свойством float:right. В результате изображение выровнялось по правому краю, а текст обтекает его слева. К изображению мы добавим черную рамочку из точек. Кроме того мы добавим отступы, чтобы текст не прилипал к изображению.
Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф.
В параграф ниже мы добавили изображение со свойством float:right. В результате изображение выровнялось по правому краю, а текст обтекает его слева. К изображению мы добавим черную рамочку из точек. Кроме того мы добавим отступы, чтобы текст не прилипал к изображению.
Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф.