JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Graydon</title>
<link rel="stylesheet" href="styles/mainStyle.css" />
</head>

<body>
<div id="CompleteLayout">

<div class="container">
        <div class="verticalmembersmenu">
            <ul>
                <li>Vocals</li>
                <li>Guitar</li>
                <li>Bass</li>
                <li>Drums</li>
            </ul>
        </div>
</div>

    </div>
</div>

CSS

@charset "UTF-8";
/* CSS Document */

body{
    background-color:black;
    margin:0px;
    }

#CompleteLayout{
    background-color:white;
    width:1000px;
    height:1000px;
    margin:0 auto;
    }

.verticalmembersmenu {
    height:300px;
    width:300px;
    border:1px solid black;
    }

.verticalmembersmenu ul{
    list-style:none;
    }


.container {
    width: 1000px;
    height:800px;
    background:    #FFF;
    margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
}