0

私は次のHTMLを持っています:

<!DOCTYPE html>
<HTML>
    <HEAD>
        <style type="text/css">
            .name {
                font-size: 18px;
                margin-top: 1px;
                text-align: right;
            }

            .contactInfo {
                font-size: 12px;
                margin-top: 1px;
                text-align: left;
            }
        </style>
        <TITLE>Joe Sixpack</TITLE>
    </HEAD>
    <BODY>
        <div id="name">
            <span class="name">Joe Sixpack</span>
        </div>

        <div id="contactInfo">
            <span class="contactInfo">
                123 Electric Ave, Mudflap, NS 12345 &#8226; (888) 555-1212 &#8226; <A HREF="mailto:Joe@Sixpack.com">Joe@Sixpack.com</A>
            </span>
        </div>

        <HR>
    </BODY>
</HTML>

問題は、名前クラスを右揃えにしたいのですが、それが起こっていないことです。名前と住所は左側にあります。それはなぜですか、どうすれば修正できますか?

4

2 に答える 2

3

名前スパンではなく、名前 div にスタイルを設定します。

#name {
    font-size:18px;
    margin-top:1px;
    text-align:right;
}

また、div と span を同じ名前にしたくない場合もあります。

于 2013-03-06T21:09:13.047 に答える
1

テキストはブロックレベルの要素内でのみ整列できます。CSSを次のように書き直します。

#name {
     font-size:18px;
     margin-top:1px;
     text-align:right;
}

#contactInfo {
     font-size:12px;
     margin-top:1px;
     text-align:left;
}
于 2013-03-06T21:07:39.627 に答える