在进行表单布局的时候通常会遇到这样的情况

文本和textarea标签是底部对齐的

邮箱 

#content .form p em{
       display: inline-block;    width:70px;    text-align: right;    margin-right: 20px;}

上面是html代码 实现方式就是在再添加一个文字包裹一样的的空标签，然后然真正包裹文字的标签绝对定位，父元素进行相对定位，这样空标签顶替了因绝对定位失去的文档流，绝对定位默认父元素是左上角这样就实现了顶部对齐了

实现代码如下：

邮箱

注：pr和pa两个类分别表示相对定位和绝定位