display: table-cell; //主要是这个属性

vertical-align: middle;

对于你的这种情况元素居中有两种方法：

1. flex布局(p对应的类名)：

    .container{
         width:950px;
         height:470px;
         background:#2e2e2e;
         display: flex;
         align-items: center;
         justify-content: center;
    }

2.transfrom来居中

在p标签中加入：position: relative;
在p标签里的一个p标签里加入：
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);

参考链接：transform居中

position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;

可以试试这个

position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);

用新的用法吧，flex

if 低版本IE

table-cell 

else

看楼上