JSFiddle - React, Tailwind, and code Playground

HTML

<html>

<head>
	<title>Blah</title>
	<link rel="stylesheet" type="text/css" href="Style.css">
</head>

<body>

	<div class = "wrapper">
        <div id = "id1"></div>
        <div id = "id2"></div>
        <div id = "id3"></div>
        <div id = "id4"></div>
    </div>

</body>

</html>

CSS

.wrapper
{
    position: static;
    margin: 0px auto;
    width: 1000px;
    height: auto;
}

#id1
{
    position:  relative;
    left: 50px;
    width: 200px;
    height: 100px;
    background-color: #ccc;
}

#id2
{
    position:  relative;
    left: 50px;
    margin-top: 10px;
    width: 200px;
    height: 100px;
    background-color: #222;
}

#id3
{
    position:  relative;
    left: 50px;
    margin-top: 10px;
    width: 200px;
    height: 100px;
    background-color: #999;
}

#id4
{
    position:  relative;
    left: 50px;
    margin-top: 10px;
    width: 200px;
    height: 100px;
    background-color: #000;
}