你用 position: absolute再用如：top：50px，left:50px就可以了，最好在为字体的父级div加上一个position: relative
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html，填充问题基础代码。
2、在index.html中的<span>标签中，输入样式代码：style="float: leftpadding-top: 25px"。
3、浏览器运行index.html页面，此时文字对准了图片的中间。
方法如下：一、行高（line-height）法
如果要垂直居中的只有一行或几个文字，那它的制作最为简单，只要让文字的行高和容器的高度相同即可，比如：
p
{
height:30px
line-height:30px
width:100px
overflow:hidden
}
这段代码可以达到效果。
二、内边距（padding）法
另一种方法和行高法很相似，它同样适合一行或几行文字垂直居中，原理就是利用padding将内容垂直居中，比如：
p
{
padding:30px
}
