JSFiddle - React, Tailwind, and code Playground

HTML

<div class="header">
    <h1>Title</h1>
    <div class="center">
      <h1>
        TEST TEXT
      </h1>
    </div>
    <div class="nav">
        <a>A Link</a>
        <a>Another Link</a>
        <a>A Third Link</a>
    </div>
</div>

CSS

.header {
    background: #ccc; 
    display: flex;
    justify-content: space-between;
}

.nav{
  
  width: fit-content;
}

.center{
  width:100%;
  background: lightblue;
  text-align: center;
}

div a{
  background: tomato;
}