JSFiddle - React, Tailwind, and code Playground

HTML

<form class="form1">
   <label>Message:</label><input type="text" class="msg" name="message" />
   <input type="submit" class="add" value="Add" />
   <input type="submit" class="update" value="Update" />
</form>

<form class="form2">
   <label>Message:</label><input type="text" class="msg" name="message" />
   <input type="submit" class="add" value="Add" />
   <input type="submit" class="update" value="Update" />
</form>

CSS

label {
    float: left;
    margin-right: 0.5em;
}    

.form1 input {
    margin-right: 0.5em;
}

.form2 input {
    display: block;
    margin-bottom: 1em;
}