html - 如何调整彼此下的div和链接

Question

其中 2 个应该在同一行上，下一个 div 应该在它们的正下方，而 3 个 div 都位于包装器的中间。我的目标是注册并登录，然后是两者下方的搜索框 我的 html 是

<div id="wrapper">
     <div id="reglog>
         <a href="#">Register</a>
         <a href="#">Login</a>          
      </div>
      <div id="search">Quick Search</div>
</div> <!--End of wrapper-->.

我的CSS是

   #wrapper{
            float:right;
            max-width:380px;
            text-align:center             
           }

    #reglog{
            display:inline-block
            }

我希望不给 id=search 任何样式，它会落在 reglog block 下面...关于为什么我不能让它工作的任何帮助？

谢谢米歇尔

Answer 1

只需使用 display:block; 而不是 inline-block。检查下面更新的代码段..

#wrapper{
  float:right;
  max-width:380px;
  text-align:center             
}
#reglog, #search{
  display:block;
}

<div id="wrapper">
     <div id="reglog>
         <a href="#">Register</a>
         <a href="#">Login</a>          
      </div>
      <div id="search">Quick Search</div>
</div> <!--End of wrapper-->.