UL不显示内嵌

Question

我试图做一个无序列表进行内联显示。我有以下HAML：

%ul.nav-dashboard 
    %li.orders_nav{:class => is_active_menu?(user_orders_path(params[:user_id]))} 
    = link_to side_nav_title('Order'), user_orders_path(params[:user_id]) 
    %li.bucks_nav 
    = link_to side_nav_title('Points'), user_points_path(params[:user_id]) 
    %li.billing_records_nav 
    = link_to side_nav_title().. 

这里的青菜：

.nav-dashboard 
    +list-reset 

    a 
    display: inline-block 
    padding: 10px 13px 10px 19px 
    color: #808080 
    line-height: 21px 
    font-weight: bold 
    border-bottom: 1px solid $border-default 
    font-size: $font-base + 1 
    &:hover 
     color: $text-medium 
    .active a 
    background-color: #f2f2f2 
    +box-shadow(inset 0 0 5px 1px #ebebeb) 
    color: $text-medium 

出于某种原因，这三个列表元素仍然在另一个上面显示的，而不是彼此相邻。这可能是什么原因？

Answer 1

是你试图制作内嵌的ul吗？或列出项目？

如果是后者 - 你需要的样式元素li，而不是a

.nav-dashboard li{ 
    display: inline-block; 
}