标签和输入之间的填充（类型='文本'）？

Question

如果我在标签文本下方有一个文本输入，有没有办法在输入上方和标签下方填充一些空间，将两者分开几个像素？

当我在输入框类的顶部添加填充时，它会向下拉伸框的底部，同时使其顶部与标签保持相同的距离。填充标签底部没有任何效果。我检查了 w3 上的显示样式，看看使用 display:block 是否有问题，但这看起来不是问题。

抱歉这个新问题，我是 HTML/css 新手。我会继续修修补补，并会感谢任何帮助。谢谢！

标记：

     <label for='subject'style='display:block' class='label'>
          What subject do you want to follow?<br>
       <input type="text" id="subject" value="meaningOfLife" style="display:block" class='form-text'><br>
     </label> 

还有css：

.label{
  padding:5px 10px 0px 10px;
  color: RGB(25,90,90);
  font-size: 16;
  font-weight: 8;
  font-family: 'Open Sans Condensed', sans-serif;    
}

Answer 1

这是您要找的东西吗？ 您可以通过 ID 将其应用于单个元素，如下所示：

.label #subject {
     margin-top: 5px;
}

或者适用于嵌套在label标签内的所有输入元素，带有form-text类名

.label .form-text {
    margin-top: 5px;
}

将边距应用于嵌套在标签内的所有 input="text" 元素：

.label input[type="text"] {
    margin-top: 5px;
}