JSFiddle - React, Tailwind, and code Playground

HTML

<div id="page-header">
    <div class="fontHelvetica">
        Social<span class="fontLightMaroon">Network</span>
    </div>
    <div>
        <input type="submit" value="Upload" name="upload"/>
    </div>
</div>

CSS

#page-header {
    display: table;
    /* font-size: 26px; */
    margin-bottom: 30px;
}
#page-header div {
    display: table-cell;
    vertical-align: middle;
}
.fontHelvetica {
    font-family:"Trebuchet MS", Helvetica, sans-serif;
    font-size: 26px; /*added*/
}