JSFiddle - React, Tailwind, and code Playground

by ryanwheale

HTML

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

CSS

.align{
    border:1px solid black;
    line-height: 35px; /* larger than your largest font size */
}
.a, .b, .c {
    vertical-align: middle;
}
.a{
    font-size:30px;
    margin-right:10%;
}
.b{
    font-size:20px;
 }
.c{
    font-size:16px;
    float:right;
}