所以我正在学习 HTML 和 CSS，我有一个问题
我试图将图像放入文章中并使其成为文章中的文本不会覆盖或妨碍图像，但到目前为止我尝试的所有内容都无法正常工作。
我正在使用 W3Schools.com 来学习如何做到这一点。
这是他们的操作说明 http://www.w3schools.com/css/tryit.asp?filename=trycss_background-image_position
这是我尝试做的一个例子http://www.spacenews.com/article/launch-report/37302australian-led-scramjet-test-ends-in-failure
即使有网站上的说明，我也无法正常工作，它们可能是错误的说明吗？
我正在使用无咖啡杯的 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>
当您在网站上看到某些内容并想了解他们是如何做到的时，我建议您查看源代码或右键单击您在 Chrome 中感兴趣的元素并选择“检查元素”。
JSFiddle示例
To achieve what you're trying to do, you can also use float: right in your image. It will make the text surround your image.