一個解決表單中的文字和文本區域（textarea）上對齊的方法

在進行表單佈局的時候一般會遇到這樣的狀況

文本和textarea標籤是底部對齊的

<p><em>郵箱</em><textarea style='height:150px;width:540px;'></textarea> </p>

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

上面是html代碼 實現方式就是在再添加一個文字包裹同樣的的空標籤，而後然真正包裹文字的標籤絕對定位，父元素進行相對定位，這樣空標籤頂替了因絕對定位失去的文檔流，絕對定位默認父元素是左上角這樣就實現了頂部對齊了

實現代碼以下：

<p class='pr'><em class='pa'>郵箱</em><em></em><textarea style='height:150px;width:540px;'></textarea></p>

注：pr和pa兩個類分別表示相對定位和絕定位