如何在选项标签内居中对齐标签文本？

<style>
    .label {
        display: flex;
        justify-content: center;
        align-items: center;
    }
</style>

<div class="label">
    标签文本
</div>

<style>
    .label {
        height: 30px;
        line-height: 30px;
        text-align: center;
    }
</style>

<div class="label">
    标签文本
</div>

<style>
    .label {
        text-align: center;
    }
</style>

<div class="label">
    标签文本
</div>