css - 当文本区域设置为多列时，文本区域的左上角标签

Question

我确定之前一定有人问过这个问题，但我找不到答案。

我有一个将我的文本区域居中的 div。这也将标题设置在中间文本区域上方。

我无法让标题位于文本框的左上角。我可以将对齐方式设置为左侧，然后标题位于正确的位置，但现在它们都在左侧。

当 textarea 设置为列数时，问题就出现了。一旦发生这种情况，HTML/CSS 似乎就不知道左上角在哪里放置标题了。

除了正确的那个，几乎所有的都试过了。

<label for="bikes">Bikes you have owned </label><br/>
<textarea rows='3' cols='50' id='bikes' name='Bikes' >some text </textarea>

谢谢

Answer 1

这就是您要找的东西吗？

.txtarea-cont textarea{
  display:block;
  margin:auto;
}

<div class="txtarea-cont">
<label for="bikes">Bikes you have owned </label>
       <textarea rows='3' cols='50' id='bikes' name='Bikes' >some text </textarea>
</div>