JSFiddle - React, Tailwind, and code Playground

HTML

<div id="header">
    <div id="logo"></div>
</div>

CSS

#header {
    background:black;
    height:50px;
    width:100%;
}

    #logo {
      background:red;
      width:50px;
      height:50px;
      position:absolute;
      left: 0;
      right: 0;
      margin: 0 auto;
    }