JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/foundation/5.4.0/css/foundation.min.css">
<section class="panel">

    <form>
        <div class="formrow">
            <label for="name">Product ID</label>
            <div class="input">
                <label id="name">CNG</label>
            </div>
        </div>
        <div class="formrow">
            <label for="nsn">NSN</label>
            <div class="input">
                <label id="nsn"> 6830013778183</label>
            </div>
        </div>
        <div class="formrow">
            <label for="comment">Comment</label>
            <div class="input">
                <textarea id="comment"  cols="30" rows="5" maxlength="40"></textarea>
            </div>
        </div>
        <div class="formrow">
            <label for="price">Price 0</label>
            <div class="input">
                <input type="text" name="price" id="price" />
            </div>
           
        </div>

    </form>

CSS

.formrow {
    display: table-row;
}

label {
    white-space: nowrap;
    display: table-cell;
    padding-right: 20px;
    text-align: right;
}
   
 
  .input {
    display: table-cell;
    height: 53px;
}
.input input,
.input textarea {
    display: inline-block;
}