html - 在标签和输入之间填充(类型 ='text' )？

Question

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

当我向输入框类的顶部添加填充时，它会将框的底部向下拉伸(stretch)，同时使其顶部与标签保持相同的距离。填充标签的底部没有任何效果。我检查了 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 标签内的所有 input 元素，带有 form-text 类名

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

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

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