1、打开Hbuilder编辑器，新建一个html空白文档，输入基本的结构，这里设置一个外围的div盒子，给外围的div高度宽度和背景颜色，文字包裹到span标签里，文字也设置一下颜色，按下Crtl+S保存一下：
2、此时可以在软件右侧的窗口可以看到效果：
3、把外围盒子的position属性设置为relative，span标签里的position属性设置为absolute，设置top、left、right、bottom的数值，此时在右侧的窗口就会发现文字的位置已经改变了：
涉及到input里的文字的标签大致有两种——文本框和按钮，即：<input type="text" value="文本框" />
<input type="button" value="按钮" />这两种input标签属于“行内块元素”，它既按照块元素显示外观，又按照行内元素排列，所以想调整其内部的文字位置可按照块元素的方法来。下面是示例（仅以button为例，text同理）：
文字左右对齐，可使用text-align属性来控制，例如：<input type="button" value="按钮" style="width:80pxtext-align:left" />
文字上下对齐，可使用padding-top和padding-bottom来精确控制，例如文字靠下：<input type="button" style="padding-top:20pxpadding-bottom:0" />
在header里加入<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
让ie8按照ie7的规则解析 省却你调试一个浏览器的麻烦
