← all Bulma classes list

Bulma class: .columns.is-vcentered

<div class="columns is-vcentered">
  <div class="column is-8">
    <p class=">First column</p>
  </div>
  <div class="column">
    <p>Second column with more content. This is so you can see the vertical alignment.</p>
  </div>
</div>

Preview

First column

Second column with more content. This is so you can see the vertical alignment.

More in Bulma Column

Bulma drag & drop
Bulma Builder logo

Create Bulma templates in minutes

Try Demo » Learn more
FREE Create a Bulma Builder account and get access to Bootstrap Shuffle and Tailwind Builder for FREE (save $178).