使用导航栏的 CSS 定位

Question

在下图中，它显示了一个image、textbox 和一个css menu image

我的 CSS 菜单非常完美。我终于按照我需要的方式得到了它。我的问题是我需要导航栏中央的文本框，然后我需要我的图像位于文本框的左侧一直向左。我不知道该怎么做。我试过这个:

<!-- Advsearch -->
    <li class='active'><a href='#Searching'><span>
     <form method="get" STYLE="FLOAT:CENTER;" action="/search" id="advsearch">
       <input name="q" type="text" size="40" placeholder="Search..." />
       </form>

对于图像，我尝试了 float:left

我为你制作了一个 jsfiddle 来帮助我:

Js fiddle http://jsfiddle.net/TxeVt/

Answer 1

你可以使用

正确的 { margin: 0 auto;} 不是 { float:center }

并且你正在使用 float:center，center 不是元素 float 元素可用是左，右，无，继承 Ok dude