JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div id="centered"></div>
</div>

CSS

html, body, #container {
    position : relative;
    width    : 100%;
    height   : 100%;
    border   : 1px solid #000;
}
#centered {
    position   : absolute;
    left       : 50%;
    top        : 50%;
    width      : 1500px;
    height     : 200px;
    margin     : -100px 0 0 -75px;
    background : #000;
}