title: I want a html link and <form> element appearing in the same Line
body: <p>This is my html code:</p>
  
  <pre><code>&lt;img src="http://127.0.0.1/bookManagementProject/asset/images/mainLogo.gif"&gt;&lt;a&gt;
  
  &lt;br&gt; &lt;FONT SIZE=3 FACE="Arial"&gt;&lt;br&gt;&amp;nbsp&amp;nbsp&amp;nbsp 
  &lt;a href = "http://127.0.0.1/home.html" &lt;b&gt;Home&lt;a&gt; |
  &lt;a href = "http://127.0.0.1/login.do" &lt;b&gt;Login&lt;/a&gt; | &lt;form method="get" action= http://flyingame.gamehost.org:8080/search.do&gt; Search: &lt;input type="text" name=searchTermFromBanner&gt; &lt;input type="submit" value=Search&gt;&lt;/FONT&gt;&lt;/br&gt;  
  </code></pre>
  
  <p>The problem is, the <code>&lt;form&gt;</code> element is not appearing in the same line as the "Home" and "Login"</p>
  
  <p>by the way, this is a banner html code</p>