テキストボックスを右に揃える方法は？

Question

私は右に整列することを次のように検索フィールドとして使用するテキストボックスがあります。

<div class="col-md-6 search-form" style="padding:13px 0;"> 
    <form action="/search" method="post"> 
     <input type="search" name="q" style="max-width: 300px;" class="form-control" placeholder="Search here..."> 
    </form> 
</div> 

私は以下に示すように、テキスト揃える使用して、そうしようとする別のdivとそれを取り巻くしようとしたのが、それは私がしたい場所を正確にそれがここ

.new-search-div { 
    display: inline-block; 
    text-align: right; 
} 

がalign:right;を使用しないでください

Answer 1

text-align:right;だけ右に整列しますテキスト要素。

あなたはブートストラップを使用しているようです。フォームにpull-rightのクラスを与えることができます。これはfloatのためのブートストラップクラスです。

<form action="/search" method="post" class="pull-right"> 
    <input type="search" name="q" style="max-width: 300px;" class="form-control" placeholder="Search here..."> 
    </form> 

Answer 2

...私はそれを揃えるためにしようとしていますどこのスクリーンショットです、あります揃えるませんでした代わりにfloat:right;を使用してください。

（要素が親要素の右側に整列されますので、あなたはそれが変更表示されていない場合は、代わりに親formにそれを適用する必要があります。）

Answer 3

すでに入力をしようとしましたfloat: right;？