html如何调整文字位置

刚学的html 想问一下怎么调整文字的位置 总不能用空格调整吧

text-align:center
或者left和right

想随意放哪里就<div style="left: 100px; position: absolute; top: 100px;">问字</div>

left 和 top 是设置距离页面左上角的距离。

    首先我们打开自己的电脑,找到已经安装好的Dreamweaver,新建一个html页面,并保存到桌面上。

    然后我们在html的编辑窗口,编辑元素,使其中显示若干文字,我是用的div标签进行布局显示的。

    其在浏览器中的显示效果如下图所示,我们可以很清晰的看到,文字明显的靠上靠左对齐。

    接下来我们就需要为文字元素添加一定的对齐方式,首先我们让其居中对齐,即使用text-align:center;

    使用之后在浏览器中进行效果查看,可以很清楚的看到,文字相对于之前靠右对齐了。

    我们可以从上一个图中看到,文字在垂直方向上还是不对齐的,接下来我们就需要为文字添加垂直对齐样式,line-height,我们需要将这一样式的大小设为文字外层元素的高度大小,这样便可正好垂直居中对齐了。

    7

    接下来我们刷新浏览器中的页面,查看效果,现在的文字已是垂直水平均居中的状态。

温馨提示:内容为网友见解,仅供参考
第1个回答  2013-03-29
.text{
/*用于盒模型调整内容间距*/
padding:0px;
/*用于调整缩进*/
text-indent:0px/em;
/*用于调整文字行之间行距*/
line-height:20px;
}
<p style="padding:9px 12px 5px">文字在段落中的位置为具上9px,左右12px,下5px</p>
<p style="text-indent:2em">文字在段落中的位置为缩进2个文字宽度,类似作文中的段落起始空2格</p>
<p style="line-height:24px">多行文字在段落中的行间距为24px</p>

第2个回答  推荐于2018-02-19
<p style="text-align:left">居左</p>
<p style="text-align:right">居右</p>
<p style="text-align:center">剧中</p>
<p style=" padding:10px 5px 5px 20px; border:#000 solid 1px; height:300px; width:300px;">padding:上 右 下 左;</p>
手打的代码,楼主看着办,祝你早日学会本回答被网友采纳
第3个回答  2013-03-29
学html是不够的,还要学css,样式和内容分离,如果用css来控制的话就比较容易了。
第4个回答  2013-03-29
可以用表格,也可以用div css布局
相似回答