JSFiddle - React, Tailwind, and code Playground

by Tushar Jadhav

HTML

<div class="box">jfkdlsajfldjsalfj</div>

CSS

.box {
    width: 100px;
    height: 100px;
    position: relative;
    background: red;
}

JavaScript

$(function () {
    var $box = $('.box');

    // To center the box
    var boxLeft = ($(window).width()) / 2 - ($box.width() / 2),
        boxTop = ($(window).height()) / 2 - ($box.height() / 2);

    $box.css({
        left: boxLeft,
        top: boxTop
    });
});