JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
	<div class="large">LARGE TEXT</div>
	<div class="small">SMALL TEXT</div>
</div>

CSS

div.container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-end;
}
	div.large {
        font-size: 32px;
        line-height: 1em;
        height: 32px;
	}
	div.small {
        font-size: 16px;
        line-height: 1em;
        height: 16px;
	}