Html 使用css在文章中放置图像时遇到问题

所以我在学习HTML和CSS，我有一个问题

我试着把一个图片放在一篇文章中，这样文章中的文字就不会写在图片的上面，也不会妨碍图片，但是到目前为止我所做的一切都不正常

我正在使用W3Schools.com学习如何做

这是他们在做这件事

这是一个我想做的例子

即使有网站上的说明，我也无法让它正常工作，它们可能是错误的说明吗

---

我正在使用coffeecupfree HTML编辑器，并将网站加载到chrome上。

您可以通过简单的HTML实现这一点：

<img align="right" src="http://www.spacenews.com/sites/spacenews.com/files/styles/large/public/images/articles/Scramspace_4x3.jpg?itok=7JbqmW0r">
<p>Lorem ipsum dolor sit amet.</p>
<p>Lorem ipsum dolor sit amet</p>
<p>Lorem ipsum dolor sit amet </p>

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet

当你在一个网站上看到一些东西，并且你想了解他们是如何做到的，我建议你查看源代码或者右键点击你感兴趣的Chrome元素并选择“Inspect element”

---

示例

要实现您的目标，您还可以在图像中使用

float:right

。它会使文字环绕在图像周围。

不要使用这些信息，因为这些信息已经过时，可能会误导您。