如何用css实现文字在屏幕中央显示

其它有如下几种：

1. 使用DIV，给DIV使用CSS样式，使其居中。例：

   文字居中

   css样式：.div{padding:0 auto;width:60px;height:20px;line-height:18px;fong-size:18px;}

2. 使用span,例：文字居中

基本兼容各个浏览器，不管啥内容都可以垂直居中。

CSS
.demo{width: 400px;margin: 12px auto;border: 1px solid #596480;color: inherit;background: #ffc}
.demo p{text-align: left;margin: 24px;text-indent: 0}
#demo-5{height: 300px;position: static;*position: relative;display:table}
#demo-5 div{*position: absolute;*top: 50%;*left: 0}
#demo-5 p{position: relative;*top: -50%}
#demo-5>div{display:table-cell;vertical-align:middle;position:static}

HTML