.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>