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;