怎么让div里面的不确定字数的文字（一行或两行）水平垂直都居中呢？

Question

如题。怎么实现这种效果呢?水平垂直永远都是居中的！

<p>这里面是一些文字，但是不确定字数，可能一行可能多行的</p>

css:

p{

width:100px;

height:100px;

text-align:center;

 vertical-align: middle;

    font-size: 14px;

color: #000; 

}

但是这样并没有垂直居中，有没有知道？谢谢！