如何对齐标签下面的按钮？

<style>
    .label {
        display: inline-block;
        vertical-align: middle;
    }
    .button {
        display: inline-block;
        vertical-align: middle;
    }
</style>

<label class="label">标签</label>
<button class="button">按钮</button>

<style>
    .container {
        display: flex;
        align-items: center;
    }
</style>

<div class="container">
    <label>标签</label>
    <button>按钮</button>
</div>

<table>
    <tr>
        <td><label>标签</label></td>
        <td><button>按钮</button></td>
    </tr>
</table>