Wie richtet man die Textbox nach rechts aus?

Question

ich eine Textbox haben als Suchfeld wie folgt verwendet, dass ich nach rechts ausrichten möchten:

<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> 

ich es mit einem anderen div align text so zu versuchen, versuchte Umgebung zu tun, wie unten gezeigt, aber es nicht genau ausrichten, wo ich es will

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

Hier ist ein Screenshot von wo ich es auszurichten versuchen ...

Answer 1

text-align:right; nur rechts ausrichten Textelemente.

Es scheint, dass Sie Bootstrap verwenden. Sie könnten versuchen, Ihrem Formular eine Klasse von pull-right zu geben, die eine Bootstrap-Klasse für Float-Recht ist.

<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

nicht align:right; verwenden sie, es gibt keine solche CSS-Regel, verwenden Sie stattdessen float:right;.

(Das Element wird auf der rechten Seite des übergeordneten Elements ausgerichtet werden, so dass Sie vielleicht, dass auf der übergeordneten form statt anwenden müssen, wenn Sie es nicht sehen zu verändern.)

Answer 3

Bereits versucht, dem Eingang eine float: right; zu geben?