JSFiddle - React, Tailwind, and code Playground

HTML

<label for="name" class="name-lbl">Name:</label>
      <input type="text" id="name">

CSS

.name-lbl{
    display: block;
    font: 1em normal Arial, sans-serif;
    text-transform: uppercase;
}
.name-lbl:after{
    content: '*';
    color: #c00;
}
#name{
    padding: .5em;
    background: #E0E1DB;
    border-radius: 5px;
    border: 1px solid #eee;
}