如何使用CSS将图像定位到文本旁边

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

我的部门结构如下：

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

text。。。。更多文本
图像

我想归档这个：

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

文本-图像-

文本-图像-

文本文本文本文本

文本文本文本文本

文本文本文本文本

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

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

如何做到这一点？

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

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

.images{float:right；}
图像
文本文本文本。。。。更多文本

-此示例演示了原理。它有更多的样式使它看起来更漂亮，但没有它们它也能工作。玩一下，看看我的意思。

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

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

.images{float:right；}
图像
文本文本文本。。。。更多文本

---

-此示例演示了原理。它有更多的样式使它看起来更漂亮，但没有它们它也能工作。玩玩它，看看我的意思。

如果你重新格式化HTML，将图像放入文本中，你可以在该容器中浮动图像，文本将围绕它流动

<style>
  img { float:right; }
</style>
<div>
    <img src="image1.png">
    <img src="image1.png">
    Lorum ipsum .....
</div> 

img{float:right；}
同花。。。。。

---

将图像放入不同的容器意味着它们与该文本“分离”，因此文本无法流动。

如果您重新格式化HTML以将图像放入文本中，则可以将图像浮动到该容器中，文本将围绕该容器流动

<style>
  img { float:right; }
</style>
<div>
    <img src="image1.png">
    <img src="image1.png">
    Lorum ipsum .....
</div> 

img{float:right；}
同花。。。。。

---

将图像放入不同的容器意味着它们与文本“分离”，因此文本无法流动。

问题标题中的“问题”一词是否非法？问题标题中的“问题”一词是否非法？谢谢。使用float将图像向右浮动，文本向左浮动，这将形成两个垂直条，右条包含文本，左条包含图像。我希望归档的结果是右边的文本，左边的图像，超过图像高度的文本将转到下面的图像。这个链接将更好地解释我需要什么。没有人说要将文本向左浮动，你误解了我。我将很快发布一个示例@user1351358@tanyx如果这个答案对你有帮助，你可以考虑通过点击下面的分数来接受它。谢谢。使用float将图像向右浮动，文本向左浮动，这将形成两个垂直条，右条包含文本，左条包含图像。我希望归档的结果是右边的文本，左边的图像，超过图像高度的文本将转到下面的图像。这个链接将更好地解释我需要什么。没有人说要将文本向左浮动，你误解了我。我将很快发布一个示例@user1351358@tanyx如果这个答案对你有帮助，考虑通过点击问题分数下面的大刻度标记来接受它。