html - 右对齐 div 表单元素

Question

假设我有一个 div，其中有一个文本输入和一个文本区域，如下所示：

<div>
    <input type="test" name="username" /><br />
    <textarea rows="5" cols="70">Enter text here...</textarea>
</div>

如何将输入字段和我的文本区域对齐到我的 div 的右侧？

Answer 1

HTML

<div class="right-align">
    <input type="test" name="username" /><br />
    <textarea rows="5" cols="70">Enter text here...</textarea>
</div>

CSS

.right-align {
    text-align: right;
}

活生生的例子

Answer 2

用于float: right;所有要浮动的元素。确保添加明确的修复。这样，您可以将所有内容浮动到右侧，包括图像、div 和其他任何内容。

http://jsfiddle.net/dgvBe/

Answer 3

html：

<div>
    <input type="test" name="username" /><br />
    <textarea rows="5" cols="70">Enter text here...</textarea>
</div>

CSS：

input , textarea{
   float:right;
   direction:rtl; #for right to left languages
}