Align item center

Position: absolute

                                        <div class="content-center-wrap">
    <div class="content-center">
    </div>
</div>                                    
                                        .content-center-wrap{
    position: relative;
    height: 100%;
}
.content-center{
    height: 100px;
    width: 200px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -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%;
    width: 100%;
}
.content-center{
    display: table-cell;
    vertical-align: middle;
}
.content-center-inner{
    height: 100px;
    width: 200px;
    margin: auto;
}
Go Back