css - 如何使用 CSS 将图像放置在文本旁边

Question

我有两个 div 的 CSS 问题。 我的第一个 div 包含文本，而第二个 div 包含图像。我需要将图像 div 放在文本 div 的右上角。

我的div结构如下:

<div class="text">text text text .... more text</div>
<div class="images">image image</div>

我想实现这个:

========================

文字文字-图片-

文字文字-图片-

正文正文正文

正文正文正文

正文正文正文

=========================

我用一张图片说明了这个问题:

如何实现？

Answer 1

Float the image?

<style>.images { float: right; }</style>

<div class="images">image image</div>
<div class="text">text text text .... more text</div>

Live Example - 这个例子演示了原理。它有更多的样式使它看起来更好，但没有它们也能工作。试一试，看看我的意思。