1、打开Hbuilder编辑器，新建一个html空白文档，输入基本的结构，这里设置一个外围的div盒子，给外围的div高度宽度和背景颜色，文字包裹到span标签里，文字也设置一下颜色，按下Crtl+S保存一下：
2、此时可以在软件右侧的窗口可以看到效果：
3、把外围盒子的position属性设置为relative，span标签里的position属性设置为absolute，设置top、left、right、bottom的数值，此时在右侧的窗口就会发现文字的位置已经改变了：
1、打开sublime text3，并且新建一个html文档和一个css文档。
2、把最基本的html框架写出来。
3、在html的head部分写上编码字符集并引入css文件。
4、在html的body里面写一个div，打上文字并设置一个class名。
5、在浏览器中打开，查看现在的效果。
6、我们直接在选择的div的class名里面加一个“margin: 0 auto”属性保存。
定义一下padding-left的值就可以了，例如下面这样：文字文字文字~~
文字文字文字~~
文字文字文字~~
不过这样的副作用是div里面的其他元素也会向右偏移。所以也可以把padding定义在段落里面，例如
文字文字文字~~
这是直接把css写在html里面的作法，把它写在css文件里面也可以的，我想你应该知道怎么做的，就不详细说明了~~
