2、然后先给页面设置背景颜色，创建段落两个段落，段落上面设置2张图片的float属性，分别让它们左右浮动，值为left和right，最后打开浏览器：
3、打开浏览器后即可看到效果，两张图片分别浮动在文本的左右两边，文字则是围绕在图片周围.。以上就是在html中让图片浮动的方法：
@ html中怎么给文字添加浮动？
要实现html文字浮动效果光靠HTML 是不够的还要加上CSS组合一起才行。
要用div float
float语法：
float : none | left |right
float 的基本属性
none：不进行浮动（默认）
left：浮动在其所在的块容器左侧
right：浮动在其所在的块容器右侧
html代码
<!doctype html>
<html>
<head>
<meta charset=”utf-8″>
<title>div css 设定浮动</title>
<style>
/*设定div 的盒子大小*/
div
{
width:120px;
margin:0 0 25px 30px;
padding:15px;
border:1px solid black;
text-align:center;
}
/* 设定 盒子在右边浮动*/
.float-right {
float:right;
}
</style>
</head>
<body>
<div>1</div>
<div class=” float-right”>盒子浮动在右边 2</div>
<div>3</div>
</body>
</html>
@ html怎么把数字放入图片中？
可以使用float属性，也可以用margin调节位置
@ html怎么把三个标签放在一行？
css设置标签属性float或者flex布局
