JSFiddle - React, Tailwind, and code Playground
HTML
<div id="wrapper">
<div id="header">
</div>
<div class="menuhead">User Panel</div>
<div class="menuinner">
Enery <br />
Awake <br />
Nerve <br />
EXP <br />
</div>
<div class="menuhead">Account</div>
<div class="menuinner">
<div class="menulink"><a href="#">Some link...</a></div>
<div class="menulink"><a href="#">Some link...</a></div>
</div>
<div class="menuhead">AREAS</div>
<div class="menuinner">
<div class="menulink"><a href="#">Some link...</a></div>
<div class="menulink"><a href="#">Some link...</a></div>
</div>
</div>
CSS
@import url('http://fonts.googleapis.com/css?family=Oswald');
body { background-color: #d9d9d2;}
#wrapper {width: 960px; margin: 0 auto;}
#header { height: 0px; }
.menuinner {
background: #b2b2b2;
margin-left: 3px;
width: 242px;
height: 200px;
}
.menuhead {
background: url('http://i44.tinypic.com/nehysl.png') no-repeat;
width: 249px;
height: 35px;
text-align: center;
line-height: 33px;
font-family: Oswald, sans-serif;
color: #fff;
}
.menulink {
background: url('http://i41.tinypic.com/10ompo9.png') no-repeat;
width: 237px;
height: 32px;
line-height: 32px;
margin: 0 auto;
text-align: center;
padding-bottom: 1px;
padding-top: 1px;
}
.menulink a {
color: #000;
text-decoration: none;
outline: none;
font-family: Tahoma;
font-size: 14px;
}