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

Question

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

但是，我还想让一些控件右对齐到textarea的右边缘。它们不在文本区域，而是直接在其上方或下方。有可能这样做吗？

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

Answer 1

Like this：

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

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