Webページ上のCSSの位置

Question

誰かがこれを手伝ってくれますか？私はこのデザインをしたい、しかし私は位置に問題があります。ここでは画像 Here is code

> https://plnkr.co/edit/Smyes7rZXVcqq5IugW2o?p=preview 

Answer 1

下の骨格は最高のあなたのために動作しますです。

親のdivの高さを設定してテーブルに表示します（最小の高さはここでは機能しません）。 child divの表示をtable-cellに設定し、vertical-alignをmidに設定すると、親div内のコンテンツを垂直に整列できます。コンテンツの高さが変更されても、子コンテンツは自動的に垂直に整列します。

<div class="container"> 
    <div class="col-sm-6 left"> 
    <div class="inner"> 
     <span>become our partner</span> 
     <a href="#">contact us</a> 
    </div> 
    </div> 

    <div class="col-sm-6 right"> 
    //right side content 
    </div> 
</div> 

.left{ 
    height: 500px; 
    background: #ccc; 
    display: table; 
} 
.inner{ 
    display: table-cell; 
    vertical-align: middle; 
    text-align: center; 
} 
.inner span, .inner a{ 
    display: block; 
    text-transform: uppercase; 
}