1、打开sublime text3，并且新建一个html文档和一个css文档。
2、把最基本的html框架写出来。
3、在html的head部分写上编码字符集并引入css文件。
4、在html的body里面写一个div，打上文字并设置一个class名。
5、在浏览器中打开，查看现在的效果。
6、我们直接在选择的div的class名里面加一个“margin: 0 auto”属性保存。
需要准备的材料分别有：电脑、浏览器、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页面，此时“获取更多”的链接文字移动到条形栏的中间位置了。
字体变粗了。字体宽度肯定变大了。当然位置也就移动了。你想保持从文字的中心点变大或者变小。就得设置变大后的文字位置了。比原来偏左1-2个像素或者偏右1-2个像素。或者设置文字在容器里居中显示。
