Как мне сделать так, чтобы мой DIV, который оборачивал кнопки, занимал некоторое вертикальное пространство?

У меня есть следующий HTML, где классы float-left и float-right делают именно это:

<div class="block-footer">
   <button class="medium float-left">A</button>
   <button class="medium float-left">A</button>
   <button class="medium float-left">A</button>
   <button class="medium float-right">A</button>
   <button class="medium float-right">A</button>
</div>

Это работает, но мой div, похоже, не занимает вертикального пространства и что проблема для дальнейшего. Когда я это делаю:

<div class="block-footer">
   <button class="medium float-left">A</button>
   <button class="medium float-left">A</button>
   <button class="medium float-left">A</button>
   <button class="medium float-right">A</button>
   <button class="medium">A</button>
</div>

Тогда DIV занимает пространство.

Итак, как я могу заставить некоторые кнопки плавать влево, а некоторые - вправо, а DIV использует некоторое вертикальное пространство?