JSFiddle - React, Tailwind, and code Playground

HTML

<div id="header">
    <div id="left">BIG</div><div id="right">SMALL</div>
</div>

CSS

#header {
    border-bottom: 1px dotted black;
}
#left {
    display: inline-block;
    width: 50%;
    font-size: 40px;
    text-align: left;
}
#right {
    display: inline-block;
    width: 50%;
    text-align: right;
}