如何确保文本框和文本框水平对齐？

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及更新版