html如何调整文字位置？

打开电脑，找到已经安装好的Dreamweaver，新建一个html页面，并保存到桌面上。

在html的编辑窗口，编辑元素，使其中显示若干文字。

为文字元素添加一定的对齐方式，让其居中对齐。

添加垂直对齐样式，line-height，将这一样式的大小设为文字外层元素的高度大小，这样便可正好垂直居中对齐了。

1、padding内边距：

例如：将div容器中的文字内容放在距离容器的左侧边框的20px，顶部边框的100px的位置。

注意：在容器里使用了padding的话，会改变容器的大小，所以在写代码之前要先计算好容器的大小及padding。

代码：

2、margin外边距：

代码：

3、绝对定位position：absolute； top:50px left:20px

让文字内容相对div容器绝对定位，需要对div容器设置：position：relative；

代码：

扩展资料：

html调整文字位置：

<p style="text-align:left">居左</p>

<p style="text-align:right">居右</p>

<p style="text-align:center">剧中</p>

<p style=" padding:10px 5px 5px 20pxborder:#000 solid 1pxheight:300pxwidth:300px">padding:上 右 下 左</p>

先设置一个div的宽高，使用text-align水平居中；再使用line-height上下居中即可（line-height设置的高度需跟div的高度一致）

代码如下

<style>

.ceter{ width:700pxheight:700pxborder:1px solid #F00text-align:centerline-height:700px}

</style>

<div class="ceter">再HTML中如何使一个div块中的文字位于它的正中央？</div>

---