css3子级高度与父级同高，内容垂直居中

 .E-wrap{
             overflow: hidden;
             position: relative;
             border: 1px solid #ccc;
             margin: 30px auto 0;
             width: 500px;
         }
         .E-left{
             position: absolute;
             left:;
             bottom:;
             top:;
             right: 80%;
             border-right: 1px solid #ccc;

         }
         .E-left li{
             display: table;
             width: 100%;
             height:100%;
         }
         .E-left li p{
             display: table-cell;
             vertical-align: middle;
             text-align: center;
         }
         .E-rihgt{
             float: right;
             width: 80%;
         }
         .E-rihgt li{
             height: 40px;
             line-height: 40px;
             text-align: center;
             border-bottom: 1px solid #ccc;
         }
         .E-rihgt li:last-child{
             border-bottom:none;
         }

<section class='E-wrap'>
    <ul class='E-left'>
        <li>
            <p>左侧文字</p>
        </li>
    </ul>
    <ul class='E-rihgt'>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
    </ul>

</section>

效果图