1、打开sublime text3，并且新建一个html文档和一个css文档。
2、把最基本的html框架写出来。
3、在html的head部分写上编码字符集并引入css文件。
4、在html的body里面写一个div，打上文字并设置一个class名。
5、在浏览器中打开，查看现在的效果。
6、我们直接在选择的div的class名里面加一个“margin: 0 auto”属性保存。
想要将css文字下移几个px的方法是有很多的也很简单，一般常见的方法是将文字放在div标签里，然后对div进行样式属性的配置。这样的好处是使文字被外层的div保护着，不会被外部干扰，可以单独进行更多的配置。以下演示具体步骤：
1、首先打开HTML文件编辑器，然后新建一个HTML文件并HTML文件的基本标签元素。
2、添加完基本标签元素后在body标签里添加一个div元素，然后在div元素里添加想要展示的文字。
3、接下来对div元素进行样式属性的设置，这里使用行外式的配置方法，也可以使用行内式，外部式都可以，假定要下移10个px单位，核心代码是margin-top：10px；
4、保存后运行，效果如图：
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<style>标签中，输入css代码：。
<div style="position: relativewidth: 300pxheight: 80pxborder: 1px solid blue">
<strong style="position: absoluteright: 0top: 0">获取更多</strong>
</div>
3、浏览器运行index.html页面，此时“获取更多”的链接文字移动到条形栏的中间位置了。
