HTML中表單之間的間距

Question

我是新來的HTML，這是我的第一個項目。我試圖設計一個簡單的計算器，與此圖像相同。

我遇到的問題是我無法找到一個簡單的方法，把標籤即「期限，利率」，並輸入框意味着佈局看起來窮人之間的間距。我發現的最簡單的方法是加入& nbsp，但這似乎很可笑。

例如，在下面的代碼中，如何獲得「術語」和輸入框之間的間距？

<form> 
 
       <label> 
 
        Term <input name ="term" type ="text"/> 
 
       </label> 
 
      </form>

Answer 1

.table tr td{ 
 
    text-align:right; 
 
} 
 

 
/*this sets padding space */ 
 
.table tr td{ 
 
    padding-top:10px; 
 
}

<form> 
 

 
<table class="table"> 
 
    <tr> 
 
    <td> 
 
     <label> Term </label> 
 
    </td> 
 
    <td><input name ="term" type ="text"/></td> 
 
    </tr> 
 
    <tr> 
 
    <td> 
 
     <label> Rate Blah Blah </label> 
 
    </td> 
 
    <td><input name ="blahblah" type ="text"/></td> 
 
    </tr> 
 
    </table> 
 
</form>

，你可以使用它像這樣