怎么水平垂直对齐多行文本？

Question

给P标签加上line-height 一行文本可以对齐，但是多行的话就不行了，这个怎么解决？不要添加额外的标签，由于兼容IE8，只能用css了

<div class="dv">

  <p>123</p>

  <p>123</p>

  <p>123</p>

</div>

 <style>

    .dv{

        width: 500px;

        height: 200px;

        background-color: pink;

        margin: 0 auto;

    }

    p{

        line-height: 200px; 

    }

</style>

Answer 1

转化为块状行内元素（display:inline-block），然后使用vertical-align:middle;

Answer 2

.dv {&nbsp; width: 500px;&nbsp; height: 200px;&nbsp; background-color: pink;&nbsp; margin: 0 auto;&nbsp; display: table-cell;&nbsp; vertical-align: middle;}p {&nbsp; //line-height: 200px;&nbsp;&nbsp;&nbsp; vertical-align: middle;}