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
}