使用 css 的定位标签

Question

我想用css定位一个标签。如何？这是WordPress，一个联系表单，我已经设法移动了所有其他部分，包括：textarea, submit, anr recaptcha但不是文本标签。

label> Your Name (required)<br />
<span class="wpcf7-form-control-wrap your-name">. 
<input type="text" name="your-name" value="" size="40" 
class="wpcf7-form-control wpcf7-text wpcf7-validates. 
as-required" aria-required="true" aria-invalid="false" />. 
</span> </label></p>
<p><label> Your Email (required)<br />
<span class="wpcf7-form-control-wrap your-email">. 
<input 
type="email" name="your-email" value="" size="40"
class="wpcf7-form-control wpcf7-text

试：

@media (min-width: 768px) {label.wpcf7-form- 
control{margin-left: 15px;}}

和：

@media (min-width: 768px) {p 
label.wpcf7-form- 
control{margin-left: 15px;}}

和：

@media (min-width: 768px) 
{label.wpcf7-form- 
control>.wpcf7-text {margin-left: 
15px;}}

没用。

有问题的页面

Answer 1

示例代码中的label元素似乎没有任何与之关联的类。

您可以像这样简单地选择它：

@media (min-width: 768px) {
label {
margin-left: 15px;
}
}

。尽管这可能是一个坏主意，因为它会影响页面上的所有<label>元素。

我会在联系表单小部件中查找任何包装类，并安全地确定其范围。例如：

@media (min-width: 768px) {
.wpcf7-form-wrap label {
margin-left: 15px;
}
}

附言。你所有的CSS示例都有一个错别字。您使用的是wpfc7而不是wpcf7。