css 中让多行内容垂直居中的方法

HTML代码：

<div class="textList">

<p>为您提供世界级的包装产品，我们完善的管理体系为您确保产品质量可靠稳定</p>
<p>为您提供世界级的包装产品，我们完善的管理体系为您确保产品质量可靠稳定</p>
</div>
css代码：

.textList{line-height: 30px;text-align: center; display: table-cell;vertical-align: middle;width: 100%;}
关键代码：display: table-cell;vertical-align: middle;