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

Question

Я только начинаю искать HTML. Я не могу выровнять это направо, это часть меню. Я в основном хочу, чтобы он выравнивал окно поиска справа, чтобы он выглядел как facebook или что-то в этом роде. До сих пор я использовал прописку, но я больше не могу продолжать.

<li id="search-10" class="widget_search"> 
<form role="search" method="get" action="http://chusmix.com/"> 
    <div> 
    <input class="ubicacion" type="text" value="" name="s" id="s"> 
    <input type="submit" id="searchsubmit" value="Ir a Ciudad"/> 
    </div> 
    </form></li> 

Благодаря

Answer 1

У вас есть несколько вариантов:

keep the div(bad way) 
add align"right" to the div 
on the form and remove the div (better way) 
use float:right 
text-align: right 

и место, что на форме и удалите div.

Также я рекомендую положить стиль в css, а не в элементы html.

Answer 2

Добавить text-align:right; к вашему form и удалить ненужные div.

Обратите внимание, что это будет работать только для встроенных элементов: текст, входы, привязки и т. Д. Если вы хотите, чтобы поля (divs, forms, tables, etc.) выравнивались вправо, вам нужно использовать float:right; и установить высоту на родительском элементе плавающего элемента или добавьте четкий div ниже плавающего элемента. Кроме того, помимо ненужного, этот второй подход будет более сложным для вас, как новичком.

Answer 3

Лично я не стал бы использовать список

<div id="search-10" class="widget_search"> 
    <form role="search" method="get" action="http://chusmix.com/"> 
    <div style="text-align: right;"> 
    <input class="ubicacion" type="text" value="" name="s" id="s"> 
    <input type="submit" id="searchsubmit" value="Ir a Ciudad"/> 
    </div> 
    </form> 
</div> 

И я также хотел бы предложить вам поэкспериментировать с text-align