可以使用“text-align”属性让文字水平居中，使用“ling-height”属性让文字垂直居中。
1、新建html文档，在body标签中添加div标签并填写一段文字，然后为这个div设置一些样式：
2、为div添加“text-align”属性，属性值为“center”，这时文字将会在框内水平居中：
3、为div添加“line-height”属性，属性值为div的高度，这时文字将会在框内垂直居中：
一、定义
所谓水平线，英文单词为“Horizontal Line”，标签为< HR> ，作用是在网页中插入一条水平线。
二、语法
< HR>
因为< hr> 没有对应的结束标签，所以一般写< hr> 都写成< hr /> 。
三、属性
1、size，定义水平线的高度，默认值为1px。使用< hr size=”10″ /> 会得一条很“厚”（10px）的水平线。
2、width，定义水平线的宽度，取值可以是一个像素值，也可以是一个百分比。默认值100%，表示当前区域的整个宽度。
3、align，定义水平线的对齐方式，取值为left,right,center。当< hr> 的宽度不是100%时才有效。
4、noshade，定义水平线无阴影。这个参数是孤立参数，没有值。水平线默认情况下是有阴影的。
四、注意
1、< hr> 洪哥建议书写时写成< hr /> ，因为这样比较规范。
2、< hr> 标签可以用于分隔文章的小节。
1、新建html文档，在body标签中添加div标签，然后在div标签中添加img标签。
2、为div标签添加“margin”属性，属性值是“0 auto”，这时div标签将会在网页中居中显示。
3、为div标签添加“text-align”属性，属性值是“center”，这时div标签内的img标签将会在div标签中居中显示，这样图片就会在网页中居中显示了。