JSFiddle - React, Tailwind, and code Playground

HTML

<div id="header">

</div>


<div class="container">

   

   <div id="content">

              <div id="tabs">

                       <ul>
                            <li><a href="">home</a></li>
                            <li><a href="">link 1</a></li>
                            <li><a href="">link 2</a></li>
                            <li><a href="">link 3</a></li>
                            <li><a href="">link 4</a></li>
                            <li><a href="">link 5</a></li>
                            <li><a href="">link 6</a></li>
                       </ul>

              </div>

               <div id="game">

                         <div class="fix_div">

                              <table class="fix_tbl">

                                   <tr>
                                       <td>entry 1</td>
                                       <td>entry 2</td>
                                       <td>entry 3</td>
                                       <td>entry 4</td>
                                       <td>entry 5</td>
                                       <td>entry 6</td>
                                   </tr>
                               </table>

                           </div>

               </div>

  </div>

 

</div>

CSS

.container
{
    width: 1300px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
}
#game
{
    height:auto;
}

#header
{
    bkground-color: #f2f2f2;
    width: 100%;
    height:91px;
}

#content
{
    width: 1000px;
    margin:0 auto;
    border: 1px solid #b5b5b5;

}

.extra_div
{
    float:left; 
    width:140px;
    height:520px;


}

#tabs
{
    background-color: #131313;
    width: 100%;
    height:50px;
}

#tabs ul
{
    display: table;
    table-layout:fixed;
    text-align: center;
    border-spacing:12px;
}

#tabs li
{
    display: table-cell;
    width: 12%;
    vertical-align: bottom;
    margin-left:15px;
}



#tabs a
{

    width:75%;
    display: block;
    text-decoration:none;
    padding:5px 5px 5px 5px;
    background-color:#066;
    color: white;
    border:thin #030;
    border-radius: 3px 3px 3px 3px;
}

.fix_div
{
    width:1000px;
    height:120px;

}

.fix_tbl
{
    width:100%;
    height:auto;
    font-family:"Helvetica", Arial, sans-serif;
    border-collapse:collapse;
    border-width:1px;
    border-style:solid;
    border-color:#b5b5b5;

}