JSFiddle - React, Tailwind, and code Playground
HTML
<div id="main">
<div class="inner left">
<table border="1" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td width="877" colspan="2" valign="top">
<p align="center">
<strong>2016-2017</strong>
</p>
</td>
</tr>
<tr>
<td width="242" valign="top">
<p>
Nursery
</p>
</td>
<td width="635" valign="top">
<p align="center">
Jan 1<sup>st</sup> 2014 – Dec 31<sup>st</sup> 2014
</p>
</td>
</tr>
<tr>
<td width="242" valign="top">
<p>
Preschool
</p>
</td>
<td width="635" valign="top">
<p align="center">
Jan 1<sup>st</sup> 2013 - Dec 31<sup>st</sup> 2013
</p>
</td>
</tr>
<tr>
<td width="242" valign="top">
<p>
Reception
</p>
</td>
<td width="635" valign="top">
<p align="center">
Jan 1<sup>st</sup> 2012 - Dec 31<sup>st</sup> 2012
</p>
</td>
</tr>
<tr>
<td width="242" valign="top">
<p>
Year 1
</p>
</td>
<td width="635" valign="top">
<p align="center">
Jan 1<sup>st</sup> 2011 - Dec 31<sup>st</sup> 2011
</p>
</td>
</tr>
<tr>
<td width="242" valign="top">
<p>
Year 2
</p>
</td>
<td width="635" valign="top">
<p align="center">
Jan 1<sup>st</sup> 2010 - Dec 31<sup>st</sup> 2010
</p>
...
CSS
.left{float:left;}
#main {width:100%;}
.inner{width:50%;}