← 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.

Use Shuffle AI to build your own Bulma CSS templates

Quickly design stunning Bulma CSS templates with the power of Shuffle AI — no coding required.

More in Bulma Column