块级元素：
div为代表，能设置宽高，里面的内容text-align能居中，line-height等于行高能垂直居中
整个元素margin：0 auto；能居中（设置了宽高以后）
能依靠margin来调整在整个浏览器中的位置
用float属性能把两个块级元素连在一起
行内元素：
span为代表，不能随意设置宽高，里面的元素可以用display设置成inline-block或者block来设置宽高，再设置居中
几个行内元素如果没有对齐可以用verticle-align=middle来实现
要整个行内元素居中可以设置一个父元素div，在span里用display：inline-block，然后再父元素中用text-align居中
原文：http://www.cnblogs.com/sakio51/p/5350060.html