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

时间:2010-04-07 15:32:27

标签: html justify

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

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

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

1 个答案:

答案 0 :(得分:3)

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>