在Woocommerce中向左移动结帐字段标签

Question

我的CSS问题很少，不知道如何解决。

我已将输入表单移动到checkout右侧，但看起来像标签不随表单移动。现在看起来像这样：

我尝试使用该规则自定义CSS：

form.checkout #billing_last_name_field, form.checkout 
#shipping_last_name_field {
float: none !important;
margin-top: -24px;
margin-left: 40px; // i added this but nothing changed.
} 

这里有什么帮助吗？

要改变什么以使所有字段相等？

Link to product here

Answer 1

您可以尝试添加针对<label> html标记的其他CSS规则：

form.checkout #billing_last_name_field label, 
form.checkout #shipping_last_name_field label{
    margin-left: 40px;
}

它应该有用。