如何在html中垂直地给按钮之间留出空格？

<style>
    .button {
        margin-bottom: 10px; /* 设置下外边距为10像素 */
    }
</style>

<button class="button">按钮1</button>
<button class="button">按钮2</button>
<button class="button">按钮3</button>

<style>
    .button {
        padding-top: 10px; /* 设置上内边距为10像素 */
        padding-bottom: 10px; /* 设置下内边距为10像素 */
    }
</style>

<button class="button">按钮1</button>
<button class="button">按钮2</button>
<button class="button">按钮3</button>