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。

请注意，这仅适用于内联元素：文本，输入，锚点等。如果您希望框（div，表格，表格等）与右侧对齐，则需要使用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

如何将此搜索框对齐？

3 个答案: