怎么让多行文本居中居中

Question

怎么让所以的P标签都上下居中？只有一个p可以居中，但是多个就不行了

<div class="dv">
     <p>123</p>
     <p>123</p>
     <p>123</p>
</div>


<style>
    div{
        width: 500px;
        height: 200px;
        background-color: pink;
        margin: 0 auto;
    }
    p{
        line-height: 200px;
    }
</style>

Answer 1

可以使用flex

http://mp.weixin.qq.com/s?__b...

Answer 2

你把所有的P标签再包一层div 让div垂直居中不就行了？ 垂直居中不用告诉你吧？！ 懂的。

Answer 3

不行可以外面套一层div，对div居中;
dispaly:cell;vertical-align:middle;
也可以