Vertically centering label with input

935 views Asked by At

using the following bulma code

<div class="container">
    <div class="field is-horizontal">
      <label class="label">test</label>
      <div class="control is-horizontal">
        <input class="input" type="text" placeholder=""  />
      </div>
    </div>
</div>

Fiddle

it doesn't vertically center the label with the input.

enter image description here

is there a bulma modifier to achieve this?

1

There are 1 answers

0
Keith Nicholas On BEST ANSWER

turns out you need to wrap your label in a field-label

<div class="field-label is-normal">
  <label class="label">test</label>
</div>