右对齐div形式元素

Question

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

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

如何将输入字段和我的textarea对齐到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;
}

Live example

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
}