右邊根據左邊的高度自動居中只需要兩行CSS就可以完成

<style type="text/css" >
    div{
        display: inline-block;
        vertical-align:middle;
    }
    .div1{
        height:500px;
        width:500px;
        background:pink;
    }
    .div2{
        width:200px;
        height:20px;
        background: #c7254e;
        margin-left:50px;
    }
</style>

<div>
    <div class="div1"></div>
    <div class="div2"></div>
</div>

右邊根據左邊的高度自動居中只需要兩行CSS就可以完成