JSFiddle - React, Tailwind, and code Playground

HTML

<div class="toolbar">
    <span>My title</span>
    <a href="#">User Name</a>
    <a href="#">
      <img src="http://image.flaticon.com/icons/png/128/56/56805.png" />
    </a>
</div>

CSS

.toolbar {
  background-color: lightblue;
  height: 40px;
  display: flex;
  align-items: strecht;
}

span {
  flex-grow: 1;
  align-self: center;
}

a { 
margin-left: 5px;
}

a:hover {
  background-color: white;
}

img {
  width: 20px;
}