JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

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

#logo {
  position: absolute;
  left: calc(50% - 25px);
  height: 50px;
  width: 50px;
  background: red;
}