JSFiddle - React, Tailwind, and code Playground

HTML

<td>
    <div class='sameline'>
        <div class='hbox'>Max Health: $hp</div>
        <div class='mbox'>Max Mana: $mana</div>
    </div>
</td>

CSS

.hbox {
    float: left;
    color:white;
    background: #dd0408;
    /* Old browsers */
    background: -moz-linear-gradient(top, #dd0408 0%, #dd0408 0%, #bf0326 0%, #d30407 38%, #b20002 76%, #ba0003 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dd0408), color-stop(0%, #dd0408), color-stop(0%, #bf0326), color-stop(38%, #d30407), color-stop(76%, #b20002), color-stop(100%, #ba0003));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #dd0408 0%, #dd0408 0%, #bf0326 0%, #d30407 38%, #b20002 76%, #ba0003 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #dd0408 0%, #dd0408 0%, #bf0326 0%, #d30407 38%, #b20002 76%, #ba0003 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #dd0408 0%, #dd0408 0%, #bf0326 0%, #d30407 38%, #b20002 76%, #ba0003 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #dd0408 0%, #dd0408 0%, #bf0326 0%, #d30407 38%, #b20002 76%, #ba0003 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dd0408', endColorstr='#ba0003', GradientType=0);
    /* IE6-9 */
    text-align:center;
    width:45%;
    height:16px;
    border:1px solid #333;
}
.mbox {
    float: left;
    color:white;
    background: #00a4f7;
    /* Old browsers */
    background: -moz-linear-gradient(top, #00a4f7 1%, #00b7f9 43%, #009ec3 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #00a4f7), color-stop(43%, #00b7f9), color-stop(100%, #009ec3));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #00a4f7 1%, #00b7f9 43%, #009ec3 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #00a4f7 1%, #00b7f9 43%, #009ec3 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #00a4f7 1%, #00b7f9 43%, #009ec3 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #00a4f7 1%, #00b7f9 43%,...