文字不對齊

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/