Выравнивание по центру кнопки HTML в WordPress

#html #wordpress

#HTML #wordpress

Вопрос:

Я пытаюсь выровнять кнопку по центру в WordPress с помощью html. Я знаю, что это элементарно, но я полный новичок.

Ниже приведен код, который я пытаюсь отредактировать. Спасибо за вашу помощь!

 <div class="frm_submit">
    [if back_button]
        <button type="submit" name="frm_prev_page"
             formnovalidate="formnovalidate" class="frm_prev_page [back_hook]>
                 [back_label]
        </button>
    [/if back_button]

    <button class="frm_button_submit" type="submit"  [button_action]> 
        [button_label]
    </button>

    [if save_draft]
        <a href="#" tabindex="0" class="frm_save_draft" [draft_hook]> 
            [draft_label]
        </a>
    [/if save_draft]
</div>
  

Ответ №1:

Вы должны иметь возможность центрировать свою кнопку, добавив следующий CSS

 .frm_submit {
  text-align: center;
}
  

<button> элементы display: inline-block; по умолчанию находятся на них, поэтому их можно центрировать, добавив text-align: center; в контейнер.

Дайте мне знать, если вам нужна помощь в добавлении CSS на ваш сайт 🙂