如何将文本区域的标签对齐到顶部和右侧？

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;。这样可以确保您的文字不会像目前那样与底部对齐。

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;