加浮动就可以了，floatleft优酷搜先知者321，这个人有上传html和css基础视频，超清的，可以学习下；六示例图片 以下图片展示了float浮动的实际效果在图中，可以看到设置了float属性的元素如何向左或向右浮动，并影响周围元素的位置和布局另外，以下图片展示了清除浮动的效果以及在图中，通过清除浮动操作，可以确保元素在浮动盒子下方的正确摆放，从而避免高度坍塌等问题综上所述，float浮动是HTML。

方法将HTML代码中的行内元素写在同一行，避免换行带来的空白间隙缺点代码阅读性差，不利于后期维护，不推荐使用父标签设置fontsize为0方法给包含行内元素的父标签设置fontsize 0，然后为每个子节点单独设置字体大小缺点操作复杂且繁琐，需要为每个子节点单独设置字体大小使用浮动float；一行内块即将每个盒子的display变成inlineblock，他们之间会默认有一定距离，其距离大小是一个字体大小的距离 二浮动使用floatleft right，可将三个盒子并列一排，中间有空闲，可在每个盒子加一个左外边距或者右外边距三弹性盒模型父级盒子写上displayflex justifycontentspace；将DIV的position设置为relative，利用绝对定位实现同级元素叠加，也可以用Float浮动让文字叠加在图像上方 1 2 3 4 ltdiv style=quotpositionrelativequot ltimg src=quotquot ltspan style=quotpositionabsolute left0 top50%quot这里显示文字ltspan ltdiv 本回答由电脑网络分类达人 化晓峰 推荐 举报 答案纠错；需要准备的材料分别有电脑浏览器html编辑器1首先，打开html编辑器，新建html文件，例如indexhtml，编写问题基础代码2在indexhtml中的第一个ltdiv标签中，加入样式代码style=quotfloat leftquot3浏览器运行indexhtml页面，此时两个div标签的文字会在同一行上。

文字浮动在图片的上面效果图 参考代码 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 lt！DOCTYPE html lthtml lthead ltmeta charset=quotUTF8quot lttitlelttitle ltstyle type=quottextcssquot *div1下面 包含着1个；html让文字一部分靠左显示，另外一部分靠右显示的代码如下1使用float样式，让文字左右浮动即可，先输入向左浮动的文字，示例代码如下ltdiv style=quotfloatleftquot明月几时有把酒问青天ltdiv 2然后输入向右浮动的文字，示例代码如下ltdiv style=quotfloatrightquot不知天上宫阙，今夕是何年。

方法一不换行书写代码，但会导致代码阅读性差，影响阅读体验方法二设置父元素的fontsize为0此方法需要为每个子节点指定字体大小，操作繁琐方法三利用浮动float属性解决浮动元素会忽略空白符，但可能需要重新调整CSS布局，涉及清除浮动等操作方法四通过设置父元素的wordspacing属性，为；3修改title为html+css实现横向导航4新建一个div id为“a”，添加ul li标签5在li中添加自己想要的文字 并调整好文字间距，按F12预览，如下图所示6首先去掉字体前面的小黑点，代码如下7预览，如图所示8接下来，使文字横向排列，设置代码如下，给li设置左浮动效果9按F12预览。

1首先打开软件，并创建一个新的html文件2创建新文件后，设置页面背景颜色3在新文件中创建段落一，或者选择一个段落4再引入图片并设置图片大小，这里就可以设置图片浮动至段落的左边5创建段落二，或者选择一个新的段落6，再次引入图片并设置图片大小，同时设置图片浮动至段落的右边；浮动 float left right 在页面布局的时候用的最多 fixed 一般用来写网页顶端的固定导航条，或者两侧的菜单 absolute与relative 这两者一般配合使用，用于调整div之间的相对位置 opacity 01 表示透明度 颜色 color 数值 大小 fontsize 数值 字体 fontfamily quotCourier；1使用css中的flaot属性就可以了，首先打开Dreamweaver，创建html文件2然后先给页面设置背景颜色，创建段落两个段落，段落上面设置2张图片的float属性，分别让它们左右浮动，值为left和right，最后打开浏览器3打开浏览器后即可看到效果，两张图片分别浮动在文本的左右两边，文字则是围绕在图片周围；1在同一个div里，先书写一段代码，如下图所示，在这个代码中给dive设置宽度和高度，这时为了让文字有一个具体的范围2找到background，如下图示，在background的后面添加上图片作为这个的背景图案3之后在background后面加上url，为了连接图片，在url里面写的就是背景图片的路径4可以根据。

4创建样式标签 在lttitle标签后新建一个ltstyletype=\quottextcss\quotltstyle标签5创建横向导航的样式 在ltstyle标签里添加一个样式类为navli，然后再navli类中设置样式背景颜色为红色，浮动为左浮动，内边框上下为8px左右为15px，列表属性为，字体颜色为白色样式代码为navli；你用列表做的话，就这样写li background#0CC color#FFF lihover background#9F0 color#FFF fontweightboldhover是伪类，鼠标滑过的效果。