JSFiddle - React, Tailwind, and code Playground

HTML

<body>
  <div id="wrapper">
    <table id="layoutTable" >
      <tr>
        <td class="layoutTabletd">
          <img id="logoImage" src="http://lorempixel.com/610/60/"/>
        </td>
      </tr>
    </table>
  </div>
 </body>
 </html>

CSS

#wrapper
{
  width:              1000px;
  margin-left:        auto;
  margin-right:       auto;
}
#layoutTable
{
  line-height:0;
  background-color:   #FF0000;
  margin:             0px;
  padding:            0px;
  border-collapse:    collapse;
}
#layoutTable tr td.layoutTabletd
{
  border:             1px solid black;
  padding:            0px;
  margin:             0px;
}
#logoImage
{
  background-color:   #00FF00;
  margin-left:        auto;
  margin-right:       auto;
  margin-top:         0px;
  margin-bottom:      0px;
  padding:            0px;
}