ナビゲーションがインラインで表示されない

Question

ナビゲーションバーをインラインで表示するのが困難です。誰でもそれを修正する方法を提案することはできますか？

<nav> 
    <ul > 
     <li ><%= link_to "Tradery", current_user%></li> 
     <li> <%= form_tag("/search", method: "get") do %> 
      <%= label_tag(:q, "") %> 
      <%= text_field_tag(:q) %> 
      <%= submit_tag("Search") %> 
     <%end%></li> 
     <li> <%= link_to "Tradezone", '#' %></li> 
     <li> <%= link_to "Messages", '#' %></li> 
     <li> <%= link_to "Notifications", '#' %></li> 
     <li><%= link_to title ="Acount","#" %> 
      <ul> 
       <li><%= link_to "user.business.name", '#'%></li> 
       <li><%= link_to "settings", '#'%></li> 
       <li><%= link_to "signout", '#'%></li> 
       <li><%= link_to "create business",'#'%></li> 
       <li><%= link_to "settings", '#'%></li> 
       <li><%= link_to "signout", '#'%></li>   
      </ul> 
     </li> 
    </ul> 
</nav> 

コードのためのCSS：あなたのliタグの場合

nav ul ul { 
    display:none; 
} 
nav ul li:hover> ul{ 
    display:block; 
} 
nav ul { 
    display:inline-table; 
    position:relative; 
    background:-moz-linear-gradient 
    list-style:none; 
    top:100%; 
} 

Answer 1

、インラインブロックの表示を追加します（同じ行にそれらを維持取り）や空白を削除するには（彼らは左フロートそれらの間のスペース）。

ようなので：

nav ul > li{ 
    display: inline-block; 
    float: left; 
} 

はそれが役に立てば幸い！ :-)