JSFiddle - React, Tailwind, and code Playground

by marcoslin

HTML

<div id="main_section" class="main_align" >
    <span class="inline">
        <span class="inline"><img src="http://placehold.it/50x50" /></span>
        &nbsp;
        <span class="small inline">A Very Small Text</span>
        &nbsp;
        <span class="medium inline">Medium String</span>
    </span>
</div>

CSS

.main_align {
    vertical-align: middle;
}

.inline {
    display: inline;
}

.block {
    display: inline;
}

.medium {
    font-size: medium
}

.small {
    font-size: x-small
}