Как выровнять текстовое поле справа?

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

Вот скриншот, где я пытаюсь привести его в ...

Answer 1

text-align:right; только право выравнивать текстовые элементы.

похоже, что вы используете бутстрап. Вы можете попробовать дать вашей форме класс pull-right, который является классом начальной загрузки для float right.

<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

не используйте align:right;, есть нет такого правила CSS, вместо этого используйте float:right;.

(Элемент будет выровнен по правому краю родительского элемента, так что вам, возможно, придется применить, что на материнской form вместо этого, если вы не видите, что меняется.)

Answer 3

Уже пытался дать вход А float: right;?