JSFiddle - React, Tailwind, and code Playground

HTML

<body>
  <title>Dashboard</title>

  <div id="dashboardBox">
  
    <div id="dashboardHeader">
      <h1 align="center">Dashboard</h1>
    </div>
    
    <div id="dashboardTabs">
      <div class="dashboardTab">
        <h3>1</h3>
      </div>
      <div class="dashboardTab">
        <h3>2</h3>
      </div>
      <div class="dashboardTab">
        <h3>3</h3>
      </div>
    </div>
    
    <div id="dashboardContent">
    
    </div>
    
  </div>

</body>

CSS

#dashboardHeader {
	color : white;
	background-color: #42637B;
	border: 1px solid black;
}

#dashboardTabs {
	margin: 0 auto;
	width: 50%;
	
}

.dashboardTab {
	color : white;
	background-color: #39556A;
	border: 1px solid black;
	padding-left: 25px;
	padding-right: 25px;
	margin: 3px;
	float:left;
}