JSFiddle - React, Tailwind, and code Playground

HTML

<div id="box">
    <div class="content">Text</div>
    <div class="controls"><h2><a href="http://www.twitter.com/CodyKaczynski">Follow me on Twitter!</a></h2></div>
</div>

CSS

body{
    padding:50px;
}
 
#box{
    width:400px;
    border-radius:5px;
    border:1px solid #000;
    background:#333;
}
.content{
    height:200px;
    padding:15px;
    color:#fff;
}
.controls{
    background:#2e7ef6;
    height:100px;
}
h2 {
    color: white;
    text-align: center;
}