表单设计应该是网页设计中最常遇上的，而一般表单就包括说明文字即标签，以及对应的文本框、文本区域等表单元素。此时就经常遇到一个设计问题，左侧的标签该左对齐呢还是右对齐？其实各有好处，使用左对齐的表单设计能让人很容易一扫就看清楚所有标签内容，坏处就是标签文字有长有短，短的标签离右边的表单元素远了，给找到对应文本框带来不便。右对齐呢，右对齐可以使得标签和表单元素贴紧，坏处就是左边的标签显得参差不齐。此时有一种改进方法，就是表单比较长的话就分为几组，几个一组就不会很明显了： 现在网上的情况是标签右对齐表单占据主流。那如何实现标签右对齐，表单元素左对齐呢？

探索   实现的方法有多种，我们先看一些使用的方法。

实现  html部分。html部分从语义上考虑，使用了最简洁的表达方式，毕竟html是用来表达内容的，无语义标签越少越好：

CSS部分。我将布局部分都交给CSS来处理，这样符合网站重构的思想。此时我试验了两种方法：