title: Horizontally centering items in Columns in Bulma Framework
body: <p>I would like to center my content horizontally inside of the columns of Bulma.</p>
  
  <p>Here's an example:</p>
  
  <p><a href="http://prntscr.com/hooo8l" rel="nofollow noreferrer">http://prntscr.com/hooo8l</a></p>
  
  <p>I would like to center those <code>'class="column is-2"'</code> in the '<code>columns</code>' div.</p>
  
  <p>Here's how my code starts:</p>
  
  <pre><code>&lt;div class="columns is-vcentered"&gt;
      &lt;div class="column is-three-fifths is-offset-one-fifth has-text-centered"&gt;
          &lt;div class="columns is-desktop is-vcentered"&gt;
              &lt;div class="column is-2"&gt;
                      &lt;button mat-raised-button color="primary" (click)="initTimer()"&gt;
                          &lt;mat-icon&gt;play_arrow&lt;/mat-icon&gt;
                          Start Timer
                      &lt;/button&gt;
              &lt;/div&gt;
  </code></pre>
  
  <p>And I would like to center that is-2 with the button inside. </p>
  
  <p>Any help would be appreciated.
  Thanks!</p>