テキストボックスの左揃えをしたい

Question

HTMLで文字を表示し、その文字の後ろに適当な間隔をあけて、テキストボックスを表示したいです。

イメージとしては、

氏名　　　［テキストボックス］
電話番号　［テキストボックス］

上記のような感じです。

文字数が"氏名"だと２文字、"電話番号"だと４文字なのでテキストボックスを左揃えにできず、困っています。

以下、現在のコードを載せます。
よろしくお願いいたします。

<div>
	<label>氏名<input type="text" name="simei_sei">
</div>
<div>
	<label>電話番号<input type="text" name="simei_sei">
</div>

input{
width: 200px;
height: 14px;
position:relative;top:0;left:100px;
}

Answer 1

• https://codepen.io/arcxor/pen/XWVJgGv

ラベル名をマークアップして幅を指定すればよいでしょう。

Comments

[aaa0903]

コード付きの回答いただき、ありがとうございました。
参考にして、左揃えにすることができました！