Search code examples
bulma

Vertically centering label with input


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?


Solution

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

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