html如何调整文字位置？

html-css027

html如何调整文字位置？,第1张

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

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

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

图片在html中默认是放在左边，放在右边的步骤如下：

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<img>标签中，加入样式代码：style="float:right"。

3、浏览器运行index.html页面，此时图片被放在html中的右边了。

没有去除默认边距的原因。

说明是设置出现了问题，没有去处默认的边距所以靠右。

加上【margin：0；padding0；】，我们发现它们一字排开，达到了预期的效果。其中页面也有边距问题，这是新手绝对会遇到与困惑的事情，面的边距问题解决方法与UL一样，只要加上【body{ margin：0；padding：0；}】即可。