html如何调整文字位置？

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

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

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

代码如下:

<&#47script>

$(function () {

$("ul li").hover(function () {

$("ul li").removeClass("liclass")

$(this).addClass("liclass")

})

})

<&#47script>

li

{

border: 1px solid #ABC

display: block

width: 100px

height: 50px

float: left

margin: 10px

text-align: center

}

.liclass{ margin-top:-2px}

代码如下:

<&#47script>

$(function () {

$("ul li").hover(function () {

$("ul li").removeClass("liclass")

$(this).addClass("liclass")

})

})

<&#47script>

li

{

border: 1px solid #ABC

display: block

width: 100px

height: 50px

float: left

margin: 10px

text-align: center

}

.liclass{ margin-top:-2px}

---