html - 文本不会右对齐

Question

我无法让我的文字正确对齐：

    #login_status
    {
           font-size: 1.2em;
           text-align: right;
           display: block;
           float:right;

    }

这是另一个相关的CSS：

    #logo 
    {
           position: absolute;
           top: 15%;
           margin-left: 1em;
    }

    #login_status
    {
           font-size: 1.2em;
           text-align: right;
           display: block;
           float:right;

    }

    #header_container
    {
        background: #7fc041;
        height: 7.4em;
        left: 0;
        right: 0;
        position: fixed;
        width: 100%;
        top: 0;
    }

    #header_text 
    {
        margin-left: 9.75em;
        font-size: 2em;
        color: White;
        font-style: italic;
    }

和 html/server 控件：

<div id="header_container">        
    <div id="header">
        <div id="headerBar">
            <img src="images/logo.png" id="logo"/> 
            <span id="header_text">Scrum Reports</span>
      <asp:LoginStatus ID="LoginStatus1" runat="server" CssClass="login_status" />
        </div>
    </div>
</div>

Answer 1

好吧，我不是 asp.net 专家，但我看到你使用#login_statuswith text-align: right，CssClass="login_status"在我看来它会输出

<div class="login_status">

因此，您应该更改#login_status为.login_status，或者让它设置id而不是类，因为样式似乎很好。

http://jsfiddle.net/ExplosionPIlls/mzUTW/