html - テキストとテキストボックスが水平方向に配置されていることを確認するにはどうすればよいですか?

Question

テキストとテキストボックスがすべての画面サイズで正しく整列されるようにするための迅速かつ簡単な方法は何ですか?

Answer 1

<style>
 form {display:table;}
 label {display:table-row}
 label span , input {display:table-cell;}
</style>

<form>
 <label>
  <span>Name:</span>
  <input type="text" name="Name"/>
 </label>
 <label>
  <span>Phone:</span>
  <input type="text" name="Phone"/>
 </label>
</form>

IE8以降で動作