JSFiddle - React, Tailwind, and code Playground

by HYEONGJINKIM

HTML

<div class="myDiv">
Div data goes here
</div>

CSS

.myDiv{
    height:200px;
    width:200px;
    margin:0 auto;
    border:1px solid red;
}

JavaScript

//Usage : verticalAlign('classOfDiv');
function verticalAlign(elemClass){
var wndHeight = $(window).height();
    var divHght = $("."+elemClass).height();
    if(wndHeight > divHght){
        var diff =     (wndHeight-divHght);
        var topMarginVal = (diff/2);
        $('.'+elemClass).css('margin-top',topMarginVal);
    }
}

verticalAlign('myDiv');