JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <h2>Long title</h2>
  <p>Just a simple text goes here</p>
  <span></span>
</div>

CSS

div {
  display: block;
  height: 48px;
  line-height: 48px;
  width: 100%;
  background: #cde;
  overflow: hidden;
}
h2, p {
  float: left;
  margin: 0 48px 0 0;
}
span {
  width: 40px;
  height: 40px;
  background: blue;
  border-radius: 50%;
  float: left;
  display: block;
  margin: 0 48px;
}