divをページ全体に集中させる方法

Question

私は垂直にセンターしたい。私は一番上にパッディングをセットして試していましたが、垂直アライメントを設定しましたが、モバイルビューでは動作しませんでした。誰でも助けることができますか？

<div style="padding-top:200px;vertical-align: middle;" align="center"> 
    This is testing content 
</div> 

Answer 1

.box { 
 
    width: 100px; 
 
    height: 100px; 
 
    background-color: red; 
 
    flex: 1 0 0; 
 
    margin: 3px; 
 
    position: relative; 
 
} 
 
.box_text { 
 
    color: #ffffff; 
 
    font-size: 20px; 
 
    font-weight: bold; 
 
    position: absolute; 
 
    top: 50%; 
 
    left: 50%; 
 
    transform: translate(-50%, -50%); 
 
    -webkit-transform: translate(-50%, -50%); 
 
}

<div class="box"><span class="box_text">0</span></div>

Answer 2

.content_center { 
 
    display: flex; 
 
    justify-content: center; 
 
    align-items: center; 
 
    width: 250px; 
 
    height: 150px; 
 
    border : 1px solid black; 
 
}

<div class="content_center col-md-6"> 
 
    Div Content 
 
</div>