JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <table>
        <tr>
            <td class="left">
                <label for="title">Заголовок&nbsp;<span>&lowast;</span></label>
            </td>
            <td class="right">
                <span class="symb">Осталось символов&nbsp;-&nbsp;<span></span></span>
            </td>
        </tr>
        <tr class="title_input">
            <td class="input" colspan="2"><input id="title" type="text" /></td>
        </tr>
    </table>
</div>

CSS

*{
    padding:0;
    margin:0;
}
div{
    background:#cbf2ff;
    margin:8px 15px 15px;
    border-radius:5px;
    -moz-border-radius:5px;
}
table{
    width:100%;
    border-spacing:0;
    border-coolapse:collapse;
}
table td{
    vertical-align:bottom;
    padding-bottom:8px;
}
.left{
    text-align:left;
}
.right{
    text-aligh:right;
}
label{
    font:normal 20px/24px Georgia, Times, serif;
    color:#000;
}
label span{
    font:normal 24px/24px Georgia, Times, serif;
    vertical-align:super;
    color:#ff1e00;
}