在Wordpress中居中对齐HTML按钮

<button style="display: block; margin-left: auto; margin-right: auto;">点击我</button>

function custom_button_style() {
    echo '<style>
        .center-button {
            display: block;
            margin-left: auto;
            margin-right: auto;
        }
    </style>';
}
add_action('wp_head', 'custom_button_style');

<button class="center-button">点击我</button>

function custom_flexbox_style() {
    echo '<style>
        .flex-container {
            display: flex;
            justify-content: center;
        }
    </style>';
}
add_action('wp_head', 'custom_flexbox_style');

<div class="flex-container">
    <button>点击我</button>
</div>

<table width="100%">
    <tr>
        <td align="center">
            <button>点击我</button>
        </td>
    </tr>
</table>