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

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">