HTML CSS怎么移动字体位置？

html-css017

HTML CSS怎么移动字体位置？,第1张

1、打开Hbuilder编辑器，新建一个html空白文档，输入基本的结构，这里设置一个外围的div盒子，给外围的div高度宽度和背景颜色，文字包裹到span标签里，文字也设置一下颜色，按下Crtl+S保存一下：

2、此时可以在软件右侧的窗口可以看到效果：

3、把外围盒子的position属性设置为relative，span标签里的position属性设置为absolute，设置top、left、right、bottom的数值，此时在右侧的窗口就会发现文字的位置已经改变了：

定义一下padding-left的值就可以了，例如下面这样：

文字文字文字~~

文字文字文字~~

文字文字文字~~

不过这样的副作用是div里面的其他元素也会向右偏移。所以也可以把padding定义在段落里面，例如

文字文字文字~~

这是直接把css写在html里面的作法，把它写在css文件里面也可以的，我想你应该知道怎么做的，就不详细说明了~~