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>

この