CSS实现文字环绕图片

在CCS中，通过设置图片的float属性使其向左或向右浮动，再用p标签添加文字内容，即可实现文字环绕图片的效果。接下来通过实例进行说明。

1、 创建一个名为test.html的文件，用于演示CSS中文字环绕图片的实现方法。

2、 在test.html中，利用div标签构建一个模块，并为其class属性赋值为tdiv，便于后续通过该类名对div进行样式定义与控制。

3、 在test.html中，通过img标签引用images文件夹中的1.png图片，实现图像的显示。

4、 在test.html中用p标签添加一段文字，用来环绕图片显示。

5、 在test.html文件中，添加标签，并在其中设置div元素的宽度为300像素。

6、 在CSS标签中为div内的图片设置样式，通过float属性使其向右浮动，并用width属性将图片宽度设为120像素。

7、 用浏览器打开test.html文件，即可查看实际效果。

8、 新建一个名为test.html的文件。