如何將文本區域的標籤對齊到頂部和右側？

Question

這裏是我的代碼：

.labelcss{ 
    width: 180px; 
    display: inline-block; 
    text-align:right; 
    vertical- align: text-top; 
} 

<label class="labelcss" for="address">Address: </label> 
<textarea name="address" id="address"> 

我的地址標籤向下放置。我需要將其定位到頂部和右側，就這樣：

Answer 1

使用vertical-align:top;，不vertical- align:text-top;。這將確保您的文本不會與底部對齊，就像現在一樣。

.labelcss{ 
 
    width: 180px; 
 
    display: inline-block; 
 
    text-align:right; 
 
    vertical-align: top; 
 
}

<label class="labelcss" for="address">Address: </label> 
 
<textarea name="address" id="address">