html如何调整文字位置？

1、 html中调整位置使用css的float属性。详细用法首先在html文件中新建两个div容器，用来方便演示效果，容器中都加入h2标签，设置不同文字便于区分：

2、div标签给它在style标签设置class属性的样式，给它高度和宽度以及颜色，h2标签一个使用float属性，另一个不使用。这里float标签的作用可以让文字居左或者居右显示，也可以设置为空，最后Crtl＋S保存文件：

3、打开浏览器，可以看到两个div中的文字位置并不相同，设置了float标签的文字在靠右的位置。以上就是html调整文字位置的方法：

就跟小学时，语文中的概念差不多，有段间距，有行间距

行高设置的比内部字体大小还大，显然会产生行间距，那样更利于我们阅读，比如你现在看到我的回答内容，字体大小估计是14PX，而行高是20PX的样子

必须用两个元素分别包裹，使用float排版，然后用padding或者margin调整图片和文字的相对位置，让两个对齐

eg：

<div>

<span style="display:blockfloat:leftwidth:30pxheight:30px"><img src="xxx.jpg" alt="图片" width="30" height="30" /></span>

<span style="display:blockfloat:leftwidth:50pxheight:30pxline-height:30px">文字</span>

<span style="display:blockheight:0clear:bothoverflow:hidden"></span>

</div>

我图方便，样式就直接写在代码里边了，你用的时候，最好把css代码独立出去放到css文件里边

---