JSFiddle - React, Tailwind, and code Playground
HTML
<div class="heading">
<span> some icon here</span>
<span>some text here</span>
<div class="button">Go</div>
</div>
CSS
.heading {
background-color: tomato;
line-height: 40px;
}
/* clear fix */
.heading::after {
content:"";
display: block;
clear: both;
}
.button {
float: right;
padding: 0 10px;
background-color: firebrick;
}