JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
    <title>Ricardo's Home</title>
    <link rel="stylesheet" type="text/css" href="style.css">
    <link href='http://fonts.googleapis.com/css?family=Droid+Serif' rel='stylesheet' type='text/css'>
</head>
<body>
<div id="maincontainer">
    <div id="body">
        <div id="top">
            <p class="headertext">The Title Says It All
                <a href="https://twitter.com/#!/RicardoLeclaire" target="_blank">
                    <img src="twitter_small.png" id="profile">
                </a>
                <a href="https://www.facebook.com/ricardo.leclaire" target="_blank">
                    <img src="facebook_small.png" id="profile">
                </a>
            </p>
        </div>
        <div id="center">
            <div class="leftcolumn">        
                <p class="bodyhead">Column 1</p>
                <p class="bodytext">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas diam eros, porta quis sollicitudin nec, gravida at eros. Aliquam vitae nibh eget libero dapibus bibendum in sit amet orci. Proin dignissim, ante eu suscipit iaculis, mi velit tincidunt massa, ac aliquam nibh felis id neque. In sapien magna, rhoncus et lacinia eget, euismod a nibh. Integer non magna ipsum, quis pulvinar sem. Integer mollis mi et eros vulputate mollis. Pellentesque adipiscing ornare orci, sit amet aliquam neque feugiat quis. Curabitur ultrices turpis a augue tincidunt a malesuada neque tempor. Proin a metus arcu, eget commodo quam. Suspendisse posuere, massa rutrum tincidunt egestas, massa lectus commodo odio, faucibus feugiat dolor quam id erat. Ut vel turpis neque. Pellentesque diam dui, dignissim nec elementum quis, varius a ante. Aliquam erat volutpat. Sed facilisis tempus odio. Praesent eget sapien quis magna interdum dictum quis eget tellus.

    In ut sem vel justo ultrices tempor. Donec suscipit molestie mollis. Morbi interdum dignissim erat quis adipiscing. Fusce laoreet neque in justo convallis...

CSS

#band {
    position: absolute;
    z-index:-1;
    width:100%;
    height:2em;
    left:0px;
    top:550px;
    background-color:380000;
}
#bottom {
    position:absolute;
    z-index:1;
    height:2em;
    margin:auto;
    width:800px;
    left:50%;
    margin-left:-400px;
    top:555px;
    background-color:#380000;
}
#body {
    position:absolute;
    width:800px;
    left:50%;
    margin-left:-400px;
    border-right: 1px solid #383838;
    border-radius: 10px;
    border-left: 1px solid #383838;
    border-radius: 10px;
    background-color:#ffffff;
    height:800px;
}
#top {
    position:relative;
    float:left;
    width:100%;
    height:120px;
    left:0px;
}
#center {
    position:relative;
    float:left;
    width:780px;
    left:10px;
    background-color: #383838;
    overflow: auto;
    height:100%;
}

p.headertext {
    padding-left:5px;
    color: #380000;
    font-family: Helvetica, sans-serif;
    font-size: 200%;
    font-weight: bold;
}
p.bodyhead {
    padding-left:5px;
    color: #580000;
    font-family: Helvetica, sans-serif;
    font-size: 120%;
    font-weight: bold;
}
p.bodytext {
    font-family: 'Droid Serif', serif;
    font-size: 90%;
    text-align: justify;
    padding-left:10px;
    padding-right:10px;
}
p.bottomtext {
    font-family: Helvetica, sans-serif;
    font-size: 75%;
    padding-left:10px;
    padding-right:10px;
    color:#ffffff;
}
div.leftcolumn {
    margin-top: 1%;
    margin-left:1%;
    float: left;
    width:48.5%;
    background-color: #ffffff;
    border-radius: 10px;
}
div.rightcolumn {
    margin-top: 1%;
    margin-right: 1%;
    width:48.5%;
    float:right;
    position:relative;
    background-color: #ffffff;
    border-radius: 10px;
}
#profile{
    width:auto;
    height:70px;
    border-radius:5px;
    float:right;
    margin-right:2%;
    margin-top:5px;
}