JSFiddle - React, Tailwind, and code Playground

HTML

<div id="base">
  <div id="header" align="center">
    <div id="logo">123</div>
    <div id="tagline">YOUR SUCESS IS OUR SUCESS</div>
    <div id="badge">Content for  id "badge" Goes Here</div> 
  </div>
  <div id="navbar">Content for  id "navbar" Goes Here</div>
</div>

CSS

#header {
    height: 176px;
    text-align: center;
       }
   #header div {
    display: inline;
    text-align: center;
    margin: auto;
    background:yellow;

}