html - 右边需要menuitem

Question

当其他菜单项被隐藏时，我希望注销链接显示在最右边。

实际上它显示在中间。

我怎样才能强制它在右边。

<div class="nav-content container">
            <div class="nav-wrapper">      
                <ul class="main-nav">
                    <asp:PlaceHolder runat="server" ID="hideNav">
                    <li runat="server" id="home" Visible="false" class="hide"><asp:HyperLink Id="homeLink" runat="server"></asp:HyperLink></li>
                    <li runat="server" id="reportClaim" Visible="False" class="hide"><asp:HyperLink runat="server" NavigateUrl="/reportclaim.aspx" Text="<span>Report Claim</span>" ID="reportClaimLink"></asp:HyperLink></li>
                    <li  id="lnkLogOut1" runat="server" style=" "><asp:HyperLink runat="server"  NavigateUrl="~/LogOut.aspx" Text="<span>Log Out</span>"></asp:HyperLink></li>
                    </asp:PlaceHolder>
                </ul>
            </div>

我试过了

.pull-right {
  float: right !important;
} 

但不工作

Answer 1

请使用以下代码:

<div class="nav-content container" >
        <div class="nav-wrapper" >      
            <ul class="main-nav" >
                <asp:PlaceHolder runat="server" ID="hideNav"> 
                <li runat="server" id="home" Visible="true" class="hide"  ><asp:HyperLink Id="homeLink" runat="server" Text="<span> Claim</span>"></asp:HyperLink></li>
                <li runat="server" id="reportClaim" Visible="true" class="hide"><asp:HyperLink runat="server" NavigateUrl="/reportclaim.aspx" Text="<span>Report Claim</span>" ID="reportClaimLink"></asp:HyperLink></li>

                </asp:PlaceHolder>
            </ul>
        </div>
       <div align="right" style="vertical-align:top">
            <asp:HyperLink ID="HyperLink1" runat="server"  NavigateUrl="~/LogOut.aspx" Text="<span>Log Out</span>"></asp:HyperLink>


</div>

这里需要在另一个div标签中创建链接按钮，并设置对齐到那个div为右我们还删除了 Logout Div 的 UL 和 LI 标签，我认为这不是必需的。