Etiket ve giriş (tip = 'metin') arasındaki ped?

Question

Bir etiketin metninin hemen altında bir metin girdim varsa, iki pikselini ayırarak, girişin üstünde ve etiketin altında bir miktar boşluk kalması için bir yol var mı?

Giriş kutusunun sınıfının üst kısmına dolgu eklediğimde, etiketin alt kısmından uzaklaşırken kutunun alt kısmını daraltır. Etiketin alt kısmının doldurulması herhangi bir etki yaratmadı. Ben display:block kullanarak bir sorun olup olmadığını görmek için w3 ekran stilleri kontrol ettim, ama bu sorun gibi görünmüyordu.

Yeni soru için üzgünüm, HTML/css konusunda yeniyim. Tamir etmeye devam edeceğim ve herhangi bir yardımı takdir edeceğim. Teşekkürler!

işaretleme:

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

Ve css: aradığınız şey

.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

mi? Tüm girişine marjı uygulamak için

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

"= form-text sınıf adıyla label etiketinin içine yuvalanmış tüm giriş elemanlarına

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

Veya uygulanır: Böyle kimliğe göre tek elemana uygulayabilirsiniz text "Etiket içinde iç içe geçmiş elemanlar:

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