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

Question

What is a quick and easy way to make sure that my text and textboxes are lined up correctly on all screen sizes?

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>

Works for IE8 and newer