title: Bulma align button at the bottom of a column
body: <p>So I'm having a hard time aligning a button at the bottom of my Bulma's column.</p>
  
  <p><a href="https://i.stack.imgur.com/8rs0u.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8rs0u.png" alt="enter image description here"></a></p>
  
  <p>I want the button "Buy" to be at the bottom of the right column (side by side with the button "Hello"). I'm in this situation because my other column content is longer.</p>
  
  <p>So far I tried thoses CSS styles on my button (and none of them helped me):</p>
  
  <pre><code>vertical-align: bottom;
  </code></pre>
  
  <hr>
  
  <pre><code>margin-bottom: auto;
  </code></pre>
  
  <hr>
  
  <pre><code>position: absolute;
  bottom: 0;
  </code></pre>
  
  <p>Here is my HTML:</p>
  
  <pre><code>&lt;section class="section"&gt;
      &lt;div class="columns is-centered"&gt;
          &lt;div class="column is-one-fifth"&gt;
              &lt;h4 class="title is-4"&gt;I'm a big column&lt;/h4&gt;
              I'm taller than the column next to me so my column will be bigger, lorem ipsum lorem ipsum lorem ipsum lorem ipsum
              &lt;h6 class="sub"&gt;"lorem ipsum"&lt;/h6&gt;
              &lt;button class="button is-fullwidth"&gt;Hello&lt;/button&gt;
          &lt;/div&gt;
  
          &lt;div class="column is-one-fifth"&gt;
              &lt;h4 class="title is-4"&gt;I'm a small column&lt;/h4&gt;
              I'm a small column, and my button missplaced
              &lt;h6 class="sub"&gt;"lorem ipsum"&lt;/h6&gt;
              &lt;button class="button is-fullwidth"&gt;BUY&lt;/button&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/section&gt;
  </code></pre>
  
  <p>Could you guys help me?
  Thanks.</p>