I have the following markup inside razor view, at the top navigation bar of my web site:-

<section id="login" class="navbar-search pull-right">
@if (Request.IsAuthenticated) {  <span class="username customTopNavText " style=" display:block; ">

[<a href="~/Account/LogOff/" style="color:white"> Logout </a> ]                                
                                                                                              <i class="icon-user"></i> <strong >  @User.Identity.Name.Substring(User.Identity.Name.IndexOf("\\") + 1) </strong></span>


<div  class="customTopNavText" id="currentdate"></div>
<div  class="customTopNavText" id="currenttime" ></div> 
 <form class="customSearch"method="GET" action="@Url.Action("Search", "Home")">

<input name="exactmatch" type="hidden" value="true">    <b>Search by Tag </b>   <input  class="push-up-button searchmargin" placeholder="Search by tag.." name="searchTerm2" data-autocomplete-source= "@Url.Action("AutoComplete", "Home")" type="text" style=" width:150px; margin-top:8px"/><input type="submit" value="Search" class="btn" />

  </form>
<br/>  <a href="~/Home/AdvanceSearch/" style="color:white;font-size:11px;float:right;border-width:0px"> Advance Search </a>
 }</section>

what i am trying to achieve is to have the "Advance Search link just below the search button, currently i am getting these output on IE:-

enter image description here

and on firefox:-

enter image description here

can anyone advice how i can force the advance search link to be just below the search button?

Thanks

Related posts

Recent Viewed