title: Center elements vertically in Bulma
body: <p>I just started setting up my blog prototype with Bulma. There is a <code>footer</code> section with two equally divided columns.</p>
  
  <p>I'd like the three items (Twitter, Email, etc.) to be vertically centered in the yellow area. Is there any special class for that available in Bulma?</p>
  
  <p><a href="https://i.stack.imgur.com/6kKj0.png" rel="noreferrer"><img src="https://i.stack.imgur.com/6kKj0.png" alt="enter image description here"></a></p>
  
  <p>(Please see the full <a href="https://codepen.io/anon/pen/VrvXZe" rel="noreferrer">example on codepen.io</a>.)</p>
  
  <pre><code>&lt;footer class="footer" style="background-color: lightpink;"&gt;
      &lt;div class="columns"&gt;
        &lt;div class="column has-text-centered-touch" style="background-color: cyan;"&gt;
          &lt;p&gt;Some copyright stuff...&lt;/p&gt;
          &lt;p&gt;Templated with &lt;a href="https://bulma.io" target="_blank"&gt;Bulma&lt;/a&gt;. Published with &lt;a href="https://gohugo.io/" target="_blank"&gt;Hugo&lt;/a&gt;.&lt;/p&gt;       
        &lt;/div&gt;
        &lt;div class="column has-text-right" style="background-color: yellow;"&gt;
          &lt;div class="level"&gt;
            &lt;div class="level-left"&gt;&lt;/div&gt;
            &lt;div class="level-right"&gt;
              &lt;a class="level-item" href="#"&gt;Twitter Icon&lt;/a&gt;
              &lt;a class="level-item" href="#"&gt;Email Icon&lt;/a&gt;
              &lt;a class="level-item" href="#"&gt;LinkedIn Icon&lt;/a&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  &lt;/footer&gt;
  </code></pre>