verticle-align : 중간 작동하지 않습니다, 어떻게 고칠 수 있습니까?

Question

verticle-align : middle가 작동하지 않습니다. 어떻게 수정합니까?

.forgot-container { 
 
    margin-left: 28vw; 
 
    background: rgb(216,220,226) !important; 
 
    height: 100%; 
 
    width: 36rem; 
 
    vertical-align: middle; 
 
}

<div class="row"> 
 
    <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 forgot-container"> 
 
    HTML COMPONENTS 
 
    </div> 
 
</div>

Answer 1

업데이트 같은 코드.

<style> 
.forgot-container { 
     margin-left: 28vw; 
     background: rgb(216,220,226) !important; 
     height: 100%; 
     width: 36rem; 
     verticle-align:middle; 
    } 
.forgot-inner{ 
    position: relative; 
    top: 50%; 
    -webkit-transform: translateY(-50%); 
    -ms-transform: translateY(-50%); 
    transform: translateY(-50%); 
    width:100%; 
    text-align:center; 
} 
</style> 
<div class="row"> 
    <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 forgot-container"> 
    <div class="forgot-inner"> 
    HTML COMPONENTS 
    </div> 
    </div> 
</div>