JSFiddle - React, Tailwind, and code Playground

HTML

<div class="nav mobilenav">

  <div class="links">
    <a href="/institutions/">Institutioner</a>
    <a href="/leaders/">Ledere</a>
  </div>

<div class="header-title">Institution institution 1</div>

<div class="logout"><a class="button-dark" href="/user/logout">Log ud</a></div>

</div>

CSS

.nav {
  display: flex;
  height: 50px;
  /* optional; just for demo */
  background: white;
}

.links {
  flex: 1;
  display: flex;
  align-items: center;
  border: 1px dashed red;
}

.links a {
  margin: 0 5px;
  text-decoration: none;
}

.header-title {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px dashed red;
}

.logout {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  border: 1px dashed red;
}