JSFiddle - React, Tailwind, and code Playground

HTML

<div id="upbox">
    <h1 class="headline1">...</h1>
  </div>
      <div id="navig">

          <table align="center" cellspacing="0" width="60%" cellpadding="0" dir="ltr">
                <tr>
                    <td><a href =url> home </a></td>
                    <td><a href =url> Reviews </a></td>
                    <td><a href =url> Upcoming </a></td>
                    <td><a href =url> Xbox 360 </a></td>
                    <td><a href =url> Xbox One </a></td>
                    <td><a href =url> PS3 </a></td>
                    <td><a href =url> PS4 </a></td>
                    <td><a href =url> PC </a></td>
                    <td><a href =url> Contact Us </a></td>
                </tr>
            </table>

      </div>
    <hr />

   <div id="mainbox">
    <br/>
    <br/>
       <p class="imgfirst"><img src="Images\characters.jpg" width="70%"/></p>

   </div>

CSS

#mainbox {
               margin:0 auto;
               background-color: white;
               border: 2px solid;
               border-color: #970c0c}
    #upbox {background-color: #1e1e1e;
            margin-top: 0px;
            margin-right: 0px;
            margin-bottom: 0px;
            margin-left: 0px;
            clear:none;
    }
    #navig {background-color: #970c0c}

h1 { margin:0; }
hr { margin:0; }
body { margin:0; }