Vertical align item center

Position: absolute

                                        <div class="content-center-wrap">
<div class="content-center"></div>
</div>                                    
                                        .content-center-wrap{
position: relative;
height: 100%;
width: 100%;
}
.content-center{
height: 100px;
width: 200px;
position: absolute;
top: 50%;
transform: translateY(-50%);
}

Display: table & table-cell

                                        <div class="content-center-wrap">
    <div class="content-center">
        <div class="result-elem content-center-inner"></div>
    </div>
</div>                                    
                                        .content-center-wrap{
    display: table;
    height: 100%;
}
.content-center{
    display: table-cell;
    vertical-align: middle;
}
.content-center-inner{
    height: 100px;
    width: 200px;
}
Go Back