JSFiddle - React, Tailwind, and code Playground

HTML

<div id="main">
        <div class="table" style="">
            <div class="tr" style="vertical-align: top">
                <div class="td" style="text-align: left">
                    <h1>Basic Finance</h1>
                </div>
                <div class="td" style="text-align: right">@Html.Partial("_Login", new LoginModel())</div>
            </div>
        </div>

        <hr />
        @RenderBody()
    </div>

<br><br><br>
==========TABLE==========
<br><br><br>
<div>
        <table style="width: 100%;">
            <tr style="vertical-align: top">
                <td style="text-align: left">
                    <h1>Basic Finance</h1>
                </td>
                <td style="text-align: right">@Html.Partial("_Login", new LoginModel())</td>
            </tr>
        </table>

        <hr />
        @RenderBody()
    </div>

CSS

body{
     height:100%;
}
#main{
    height:100%;
    width:100%;
    
}
.table{
    display:table;
    width: 100%;
}
.tr{
    display:table-row;
}
.td{
    display:table-cell;
}