JSFiddle - React, Tailwind, and code Playground

HTML

<div id="encloser">
  <tr>
    <td>
      <div id="headerHolder">
        <h1><a href="#">Website title</a></h1>
        <table id="header">
          <tr>
            <td id="navigation">
              <ul>
                <li class="selected"><a href="#">Tab 1</a></li>
                <li><a href="#">Tab 2</a></li>
              </ul>
            </td>
          </tr>
        </table>
      </div>
    </td>
  </tr>
  <tr>
    <td id="container">
      <div id="main">
        <table id="mainHolder">
          <tr>
            <td id="contentHolder">
              <div class="inner">
                <div class="pageTitle">
                    <h2>This is the page title</h2>
                  </div>
This is the content
              </div>
            </td>
          </tr>
        </table>
      </div>
    </td>
  </tr>
</div>

CSS

body,form,ol,ul,dl,li,dt,dd,td,th,tr,h1,h2,h3,h4,h5,h6,p,pre,blockquote,address {
    margin:0;
    padding:0;
}
ol,ul {
    list-style:none
}
img {
    border:0
}
fieldset {
    margin:0;
    padding:0;
    border:0
}
input,select,textarea {
    font-size:100%;
    vertical-align:middle
}
table {
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show
}
th {
    text-align:left
}
a:focus {
    overflow: hidden
}

body {
    font-size:12px;
    font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
    line-height:1.4;
    color:#666;
    background:#EBF3F9;
    height:100%;
}
h1 {
    color:#000
}
h1,h2 {
    font-size:21px;
    font-weight:400;
    padding:0 0 12px;
    letter-spacing:-0.02em
}
h2 input {
    font-size:18px;
    font-weight:700
}
h2,h3,h4 {
    color:#444;
    line-height:1.1
}
h3 {
    font-size:13px;
    padding:0 0 12px
}
h4 {
    padding:0 0 4px;
    font-size:12px
}
p {
    padding:0 0 12px
}
td {
    vertical-align:top
}
code {
    font-family:Consolas,"Menlo","Monaco","Courier New",Courier,monospace;
    font-size:12px
}
.helpTxt code {
    font-size:11px
}
hr {
    display:none
}
div.hr {
    border-top:1px solid #CDCDCD;
    margin-bottom:12px
}
.content ul {
    list-style:disc;
    padding:0 0 24px 18px
}
a:link,a:visited {
    text-decoration:none;
    color:#24B
}
.content a {
    border-bottom:1px solid #C3CFFB
}
a:hover,a:active {
    text-decoration:none;
    color:#001A77
}

html {
    height: 100%;
}
body {
    margin: 0;
    padding: 0;
    height: 100%;
}

#encloser {
    width:100%;
    height:100%;
    top:0;
    left:0
}

#container {
    width: 100%;
  height: 100%;
  margin: auto;
  min-height: 100%;
  height: auto;
  position:relative;
}
#main {
    border-top:none;
    min-width:758px;
    max-width:924px;
    margin:0 auto;
    background:#FAFAFA;
    border:1px solid #BED7E9;
    border-width:0 1px;

}
#contentHolder .inner {
    padding:24px 24px 24px 24px;
}
#mainHolder {
   ...