css 多行文字居中

1. <style>  
2.     *{padding: 0;margin:0;font-size: 12px;}  
3.     div{float: left;width: 200px;height:200px;margin: 10px;border:1px solid blue; line-height: 200px;}  
4.     span{display: inline-block;vertical-align: middle;line-height: 22px;}  
5. </style>  
6.   
7. <div>  
8.     <span>测试文字测试文字</span>  
9. </div>  
10. <div>  
11.     <span>测试文字 <br/> 测试文字<br/> 测试文字<br/> 测试文字<br/> 测试文字<br/> 测试文字</span>  
12. </div>