Html 如何将按钮放置在菜单栏中，并将标签直接放置在按钮左侧

我有一个菜单栏，它是我的web应用程序的标题。我有一个标签来绑定登录的用户名和一个按钮注销。问题是我的标签和按钮应该只在菜单栏中，尽管它们在菜单中，但可以清楚地看到按钮注销，它与我需要放置的菜单分离按钮在右边，标签在按钮的左边。我怎么做

下面是我的css代码

/*---Reset----*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,block
{
    padding: 0;
    margin: 0;
}
/*body*/
body {
    background-color:rgb(237,237,237);
    font-family:"Arial",Helvetica,sans-serif;
    font-size: 12px;
}
/*Page*/
.wrapper {
    width:1430px;
    margin:auto;
}
/*Home Page*/
.content {
    width:100%;
    background-color:rgb(254,254,254);
    border:1px solid rgb(224,224,224);
    border-radius:5px 5px 5px 5px;
    float:left;
    margin-top:8px;
    margin-bottom:8px;
    min-height:600px;
}
/*Menu*/
.menu {
    background-color: rgb(10,110,178);
    width: 100%;
    margin: 0px 0px 10px;
    padding: 0px;
    height: 40px;
    color: rgb(243,243,243);
    border-radius: 5px 0 0 5px;
}
.navigation_first_item {
    border-left: 0px;
    border-radius: 5px 0 0 5px;
}
.navitem_s {
    float: left;
    border-right: 1px solid rgb(10,85,125);
    border-left: 1px solid rgb(67,153,200);
    height: 40px;
    background-color: rgb(14,79,114);
}
.menu ul {
}
.menu ul li {
        float:left;
        display:block;
        list-style:none;
        border-right:1px solid rgb(10,85,125);
        border-left:1px solid rgb(67,153,200);

}
.menu ul li.navigation_first_item:hover {
            border-radius:5px 0px 0px 5px;
}
.menu ul li a {
    font-size:13px;
    font-weight:bold;
    line-height:40px;
    padding:8px 20px;
    color:rgb(255,255,255);
    text-decoration:none;
    }
.menu ul li:hover {
        background-color: rgb(14,79,114);
        border-right: 1px solid rgb(14,89,130);

}
.clear {
    clear: both;
}
/*Footer*/
.footer {
    height: 50px;
    background-color: rgb(10,110,178);
    color: rgb(255,255,255);
    border-radius: 5px 5px 5px 5px;
}
    .footer h2 {
        padding: 15px;
        text-align: center;
    }

---

对于css代码，您可以这样做

*
{
padding: 0;
margin: 0;
}

而不是

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,block
{
padding: 0;
margin: 0;
}

此外，您似乎在询问如何设置单选按钮的位置。创建一个id或类（您似乎已经这样做了），并使用css将其放置在标签之前

我对你的问题和你的问题有点困惑

更新：

     <div style="float: left;text-align:right; width: 45%;"> <asp:Button ID="Logout" runat="server" OnClick="Logout_Click" Text="Logout" Height="41px" Width="60px" style="font-weight:bold;background-color:rgb(10,110,178);flo‌​at:right;color:white‌​"/><li id="Logout" runat="server"><a href="logout.aspx" id="Rpf" runat="server">Logout</li> </div>

注销

对于css代码，您可以执行以下操作

*
{
padding: 0;
margin: 0;
}

而不是

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,block
{
padding: 0;
margin: 0;
}

此外，您似乎在询问如何设置单选按钮的位置。创建一个id或类（您似乎已经这样做了），并使用css将其放置在标签之前

我对你的问题和你的问题有点困惑

更新：

     <div style="float: left;text-align:right; width: 45%;"> <asp:Button ID="Logout" runat="server" OnClick="Logout_Click" Text="Logout" Height="41px" Width="60px" style="font-weight:bold;background-color:rgb(10,110,178);flo‌​at:right;color:white‌​"/><li id="Logout" runat="server"><a href="logout.aspx" id="Rpf" runat="server">Logout</li> </div>

注销

@xyz请将我的答案标记为正确，因为这正是您要求的答案。非常感谢-GMONZ请将所有html代码替换为此代码

注销

因为这对于我们的解决方案来说已经足够了，所以我会将其标记为ans for SureOk@xyz。它已经按照您的要求进行了更新。请注明答案。谢谢。@xyz请将我的答案标记为正确。我完全按照你的要求做了，将来我会再次帮助你。谢谢。@xyz请将我的答案标记为正确，因为它正是您要求的答案。非常感谢-GMONZ请将所有html代码替换为此代码

注销

因为这对于我们的解决方案来说已经足够了，所以我会将其标记为ans for SureOk@xyz。它已经按照您的要求进行了更新。请注明答案。谢谢。@xyz请将我的答案标记为正确。我完全按照你的要求做了，将来我会再次帮助你。谢谢。请把我的答案记为正确。我完全按照你的要求做了，将来我会再次帮助你。谢谢，请把我的答案记为正确。我完全按照你的要求做了，将来我会再次帮助你。非常感谢。