JSFiddle - React, Tailwind, and code Playground

HTML

<div id="header" style="background-color:#FFA500;">
    
<h1 style="margin-bottom:0;">Wellcome To Balhalfe Services Customer Reports</h1>
</div>
<div style="overflow:hidden;">
    <div class="left"></div>
    <div class="list">View Reports</br>View Chart</br>
    </div>
    <div align="center">
        <H2 align="center"> Report Table</H></div>


  <div style="text-align:center;">
  <table style="margin: 50 auto;" class ="right">

        <tr>
                <td><b>Name</b></td>
                <td><b>Mime</b></td>
                <td><b>Size (bytes)</b></td>
                <td><b>Created</b></td>
                <td><b>Download</b></td>
            </tr>




            <tr>
                <td>1594(HA 10 AL HAALY).pdf</td>
                <td>application/pdf</td>
                <td>60964</td>
                <td>2013-08-29 23:40:07</td>
                <td><a style='text-decoration:none;'href=' get_file_work.php?id=6&company=companya'>Download</a></td>
            </tr>
            <tr>
                <td>eu contres.txt</td>
                <td>text/plain</td>
                <td>546</td>
                <td>2013-08-22 00:06:55</td>
                <td><a style='text-decoration:none;'href=' get_file_work.php?id=4&company=companya'>Download</a></td>
            </tr>
            <tr>
                <td>301_datasheet.pdf</td>
                <td>application/pdf</td>
                <td>314368</td>
                <td>2013-08-29 23:49:36</td>
                <td><a style='text-decoration:none;'href=' get_file_work.php?id=7&company=companya'>Download</a></td>
            </tr>

<tr>
                <td>301_datasheet.pdf</td>
                <td>application/pdf</td>
                <td>314368</td>
                <td>2013-08-29 23:49:36</td>
                <td><a style='text-decoration:none;'href=' get_file_work.php?id=7&company=companya'>Download</a></td>
            </tr>

<tr>
                <td>301_datasheet.pdf</td>
               ...

CSS

.left {
      border:0px solid blue;
      width:20%;
      float:left;
      position:relative;
      padding:3px;
      padding-bottom:250%;
      float:left;
      margin-bottom:-100%;
  }
.right{
    width:75%;
}
  .left {
      background:none repeat scroll 0 0 lightblue;
  }
  .footer {
      border:1px solid orange;
      position: relative;
      padding:3px;
      margin-top:140px;
  }
  table {
      border-collapse:collapse;
      float:right;
  }
  table, td, th {
      border:1px solid black;
  }
  table, td, th {
      border:1px solid black;
  }
  td {
      text-align:center;
  }
  table, td, th {
      border:1px solid black;
  }
  table {
      width:50%;
  }
  th {
      height:50px;
  }
  .list {
      
      position: absolute;
      width: 200;
      top: 150px;
      left: 20px;
  }
  .signout {
      position: relative;
      width: 200;
      bottom: -120px;
      left: -600px;
  }