Vertical Align Multiline Label & Input

HTML

<div class="field">
    <label class="label">Book Title</label>
    <div class="value">
        <input type="text" placeholder="vertically aligned" />
    </div>
</div>
<div class="field">
    <label class="label">Premise</label>
    <div class="value">
        <input type="text" placeholder="still vertically aligned!" />
    </div>
</div>

CSS

.field {
  
padding: 10px 10px 10px 10px;
    display: table;
}
.label, .value {
    display: table-cell;
}
.label {
    min-width: 100px;
    max-width: 100px;
}
.value {
    vertical-align: middle;
}