JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<link href="index.css" rel="stylesheet" type="text/css">
<title></title>
</head>
<body>

<div class="one">
<div id="two"></div>
</div>

</body>
</html>

CSS

body {
    margin: 50px 0px; padding: 0px;
}

.one {
background: #151515;
height: 700px;
width: 900px;
margin: 0px auto;
padding: 0px 0px 0px 0px;
    position: relative;
}

#two {
background: #e6e6e6;
height: 140px;
width: 900px;
position: absolute;
    top: 50%;
    margin-top: -70px;
}