多行文字居中

<style>*{margin: 0;padding: 0;}.wrapper {  width: 200px;  height: 200px;  background:#abcdef;  color:#fff;  display: -webkit-box;  -webkit-box-orient: horizontal;  -webkit-box-pack: center;  -webkit-box-align: center;     display: -moz-box;  -moz-box-orient: horizontal;  -moz-box-pack: center;  -moz-box-align: center;     display: -o-box;  -o-box-orient: horizontal;  -o-box-pack: center;  -o-box-align: center;     display: -ms-box;  -ms-box-orient: horizontal;  -ms-box-pack: center;  -ms-box-align: center;     display: box;  box-orient: horizontal;  box-pack: center;  box-align: center;}</style>

<div class="wrapper"> <div class="inner">   <p>多行文字</p>   <div>多行文字</div>   <p>多行文字</p> </div></div>