Menu icon Foundation
Center Buttons in a footer

I have buttons in a sticky footer (sticky footer how it is explained here: http://foundation.zurb.com/forum/posts/629-sticky-footer), but the buttons have no spacing to the top of the footer:

 

Footer

 

I tried to align the buttons with margin and padding, but the footer is then growing. How it is possible to center the buttons vertically?

 

This is my coding:

 

<div class="row stickyFooter">
      <div class="large-3 small-3 medium-3 large-centered columns left" >
        <button >Zurück</button>
      </div>
      <div class="large-4 small-4 medium-4 columns right">
        <div class="large-6 small-2 medium-2 columns left" >
          <button>Abbrechen</button>
        </div>

        <div class="large-3 small-3 medium-3 large-offset-1 medium-offset-1   small-offset-1 columns left">
          <button>OK</button>
        </div>
      </div>
    </div>
  </div>

 

.stickyFooter {
  background-color: #adaaad;
}

 

thanks for your help!

cssFoundationfooter

I have buttons in a sticky footer (sticky footer how it is explained here: http://foundation.zurb.com/forum/posts/629-sticky-footer), but the buttons have no spacing to the top of the footer:

 

Footer

 

I tried to align the buttons with margin and padding, but the footer is then growing. How it is possible to center the buttons vertically?

 

This is my coding:

 

<div class="row stickyFooter">
      <div class="large-3 small-3 medium-3 large-centered columns left" >
        <button >Zurück</button>
      </div>
      <div class="large-4 small-4 medium-4 columns right">
        <div class="large-6 small-2 medium-2 columns left" >
          <button>Abbrechen</button>
        </div>

        <div class="large-3 small-3 medium-3 large-offset-1 medium-offset-1   small-offset-1 columns left">
          <button>OK</button>
        </div>
      </div>
    </div>
  </div>

 

.stickyFooter {
  background-color: #adaaad;
}

 

thanks for your help!