如何集中订阅表格

Question

如何以此网页的订阅表单为中心：http://www.dianerosesolomon.com/affiliate-order/

我试图添加

<div class="AW-Form-1862283401" style="width:100%;display: block;margin:0 auto;text-align: center;">
</div>

但它不起作用。

Answer 1

您可以将宽度更改为44％

<div id="af-body-1862283401" class="af-body af-standards" style="width: 44%;">

这将有助于您保持设计的响应性。在Chrome上测试

Answer 2

您应该更改width

#af-form-1862283401, #af-form-1862283401 .quirksMode {
    max-width: 436px;
    width: 40%; 
}

Answer 3

将此添加到表单元素：

form.af-form-wrapper{
   margin-left: auto; 
   margin-right: auto; 
   display: inline-block;
}

Answer 4

.AW-Form-1862283401 {
    display: flex;
    justify-content: center;
}