如何使标志和登录/搜索框是同一行

Question

代码如下渲染搜索形成以下标志：

LOGO IMAGE 

Logon or register 

Search: 

如何恰克它，以便登录/搜索在同一行标志后呈现：

   Logon or register 
LOGO IMAGE   
       Search: 

的Site.Master包含：

<div id="header" style="margin: 0; background-color: white; width: 100%"> 
    <a href="http://mysite.com"> 
    <img alt='' style='width:30%' src='/Store/Logo' /> 
    </a> 
    <div > 
     <p class="accBoxUnloggedOther"> 
      <a href="/logon">Logon</a> 
      or <a href="/register"> 
       Register</a></p> 
     <br /> 
     <form action="/Store/Search" style="margin:0"> 
     <input class="searchfield" id="Search" /> 
     <input class="button blue bigrounded" type="submit" value="Search... " /> 
     </form> 
    </div> 
.... 

Answer 1

使用在内部DIV style="float:right;"。但是你应该尽量避免使用内联CSS。它导致维护噩梦。

jsFiddle

Answer 2

你也可以把一个<div>标签你想要的元素在同一行和图像中的另一个<div>