JSFiddle - React, Tailwind, and code Playground

HTML

<div class="align">
  <span class="a">Title</span>
  <span class="b">Someinfomation</span>
  <span class="c">Toright</span>
</div>

CSS

.align{
    display: inline-block;
    vertical-align:middle;
    *display: inline;
    zoom:1;
    border:1px solid black;
    width:100%;
}
.a{
    font-size:30px;
    margin-right:10%;
}
.b{
    font-size:20px;
 }
.c{
    font-size:16px;
    float:right;
}