我设法将表单与页面中心对齐,但文本区域下方的“接受按钮”仍与左侧对齐。如何将接受复选框居中?

.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;

}


在下面,您将看到一个图像。我正在寻找将提交按钮下方的接受复选框。

css - 如何将某些字段居中Wordpress插件联系表7?-LMLPHP

最佳答案

如果您的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>

09-29 19:25