文字不对齐

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 /服务器控件：

<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_status和text-align: right ， CssClass="login_status" ，在我看来它会输出

<div class="login_status">

因此，您应该将#login_status更改为.login_status ，或者将其设置为id而不是类，因为样式似乎没问题。

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