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

Question

我有一个 html 表单，其中文本区域的宽度用 cols= 指定。我希望文本区域具有特定的字符数宽度。

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

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

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>