html - 将文本与 html 表单的右边缘对齐

Question

我有一个 html 表单，其中 textarea 的宽度用 cols= 指定。我希望 textarea 在字符数方面具有特定的宽度。

但是，我还希望一些控件在文本区域的右边缘右对齐。它们不在文本区域中，而是在它的正上方或下方。是否有可能做到这一点？

我在想一种可能的方法可能是用某种类型的容器包围 textarea，这种容器可以增长到 textarea 的宽度，但我不确定如何在其中右对齐文本。

Answer 1

像这样：

.Container {
  position: relative;
  float:left;
}
.Inner {
  position: absolute;
  right: 0;
}  

<div class="Container">
  <textarea cols="50"></textarea>
  <div class="Inner">Right edge!</div>
</div>