JSFiddle - React, Tailwind, and code Playground

HTML

<body leftmargin="0px" topmargin="0px" marginwidth="0px" marginheight="0px">
<div id="base">
    <div id="header" align="center">
        <div id="logo"></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>
</body>

CSS

#header {
    height: 176px;
    width: 100%;
    text-align: center;
    display: block;
    margin: 0 auto;
    background-color: cornflowerblue;
}
#header div {
    display: inline-block;
    text-align: center;
    margin: 0 auto;
}

#logo {
    height: 156px;
    width: 218px;
    background-image: url(../images/logo_03.jpg);
    background-color: #ffff00;
}

#tagline {
    width: 250px;
}
#badge {
    width: 300px;
}