JSFiddle - React, Tailwind, and code Playground

by Matt_Coughlin

HTML

<div class="center">
    kljsdfljsdklfjsklfjklsjdfksjdfkljsdfkljsdklfjs
    <br/><br/><br/><br/><br/><br/><br/><br/><br/>
    <br/><br/><br/><br/><br/><br/><br/><br/><br/>
    kljsdfljsdlfjsdklfjklsdjf
</div>

CSS

.center {
    position: absolute;
    left: 50%;
    top: 50%;
    background-color: #7ad;
}

JavaScript

var leftOffset = $('.center').width() >> 1;
var topOffset = $('.center').height() >> 1;
$('.center').css('margin', '-' + topOffset + 'px 0 0 -' + leftOffset + 'px');