Совместите положение фотографии с CSS

Question

Мой текущий проект - новостной портал. Некоторые пользователи могут размещать новости с помощью некоторых средств массовой информации, например, изображений. В настоящее время CSS размещает картинки в правом нижнем углу после текста. Я хотел бы поместить фотографии в верхнем правом углу, вокруг текста, как в этом примере . Есть идеи?

Answer 1

Свойство CSS float - это то, что вы ищете:

<div style="float:right">
  <img src="yourimage.jpg" />
  <p>Caption goes here...</p>
</div>
<div>
   The rest of your text goes here and
   will wrap around the image as in
   the example link you provided.
</div>