我设法将表单与页面中心对齐,但文本区域下方的“接受按钮”仍与左侧对齐。如何将接受复选框居中?
.wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 input[type=password] {
width:500px;
text-align: left;
}
.wpcf7 label {
width: 500px;
text-align: left;
}
.wpcf7 textarea {
width: 500px;
text-align: left;
}
div.wpcf7 {
text-align: center;
}
在下面,您将看到一个图像。我正在寻找将提交按钮下方的接受复选框。
最佳答案
如果您的html代码是这样生成的,那么您应该尝试
希望对您有所帮助。
让我知道进一步的澄清
.wpcf7 span.wpcf7-form-control {
text-align: center;
display: inline-block;
float: none;
width: 100%;
margin: 0 auto;
}
<div class="wpcf7">
<span class="wpcf7-form-control wpcf7-checkbox">
<span class="wpcf7-list-item first last">
<input type="checkbox" name="checkbox-948[]" value="Accept">
<span class="wpcf7-list-item-label">Accept</span>
</span>
</span>
</div>