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

Question

如题。怎么实现这种效果呢?水平垂直永远都是居中的！<p>这里面是一些文字，但是不确定字数，可能一行可能多行的</p>css:p{width:100px;height:100px;text-align:center; vertical-align: middle;    font-size: 14px;color: #000; }但是这样并没有垂直居中，有没有知道？谢谢！