如何在居中的div css旁边放置div

Question

我有一个搜索页面,其中包含搜索文本框和一个类似于谷歌的"高级搜索"链接.

我无法集中文本框并且在文本框的右侧有"高级搜索".

基本上我希望布局看起来像谷歌http://www.google.com/'>看到这里

这是我的镜头:

            <div style="width:650px; margin-right:auto; margin-left:auto;">
                <%= Html.TextBox("SearchBar")%>
            </div>
            <div style="width:90px; float:right;">                    
                <a href="#" style="text-decoration:none">Advanced Search</a>
            </div>

Answer 1

Google使用表格显示其搜索框.左列和右列的宽度为25%,中间列的宽度为50%.搜索框位于中间列,"高级搜索"位于右列.左栏是空的.

然后把桌子放在中心位置.您的搜索框将居中,"高级搜索"将显示在右侧.