divクラスはcssで動作しますが、スパンクラスは動作しませんか？

-2

私は文字をマークアップしようとしましたが、スパンクラスを使用するとCSSが実装されていません（日付は左に移動しません）が、divクラスを使用するとCSSが実装されます。（日付は左に移動します）。両方とも動作するはずですが、1つはブロックレベルの要素で、もう1つはインラインです。divクラスはcssで動作しますが、スパンクラスは動作しませんか？

<span class="receiver-column">20 January 2016 </span>

に

<div class="receiver-column"> 20 January 2016 </div>

HERESにHTMLコード：私はこのラインを変更ディビジョンが表示されながらインラインエレメント：

body { 
 
    max-width: 800px; 
 
    margin: 0 auto; 
 
} 
 

 
.receiver-column { 
 
    text-align: right; 
 
} 
 

 
h1 { 
 
    font-size: 1.5em; 
 
} 
 

 
h2 { 
 
    font-size: 1.3em; 
 
} 
 

 
p, 
 
ul, 
 
ol, 
 
dl, 
 
address { 
 
    font-size: 1.1em; 
 
} 
 

 
p, 
 
li, 
 
dd, 
 
dt, 
 
address { 
 
    line-height: 1.5; 
 
}

<p class="receiver-column"><strong>Dr. Eleanor Gaye </strong> Awesome Science faculty <br> University of Awesome <br> Bobtown, CA 99999, <br> USA <br> 
 
    <strong>Tel</strong>: 123-456-7890 <br> 
 
    <strong>Email</strong>: [email protected] </p> 
 

 
<div class="receiver-column"> 20 January 2016 </div>

出典

2017-09-14 User9123

'1は、ブロックレベル要素であり、他方はうん – j08691

inline'です'.receiver-column'クラスは' p'と 'div'要素（両方のブロック要素）の両方に適用されるので、現在はすべてが正しく整列されています。 HTMLコードにはスパンがありません。だから問題は何ですか？ – Johannes

divをspanに変更しても機能しません。 – User9123

スパンは、デフォルトの表示によるものです：ブロック

出典

2017-09-14 14:00:45

span要素はインラインであるため、その内容（つまり、通常はそれに含まれるテキスト）。今度はtext-align: rightを適用すると、テキストがの右揃えになっていても、その内容の幅だけの幅になります。だからそれは単に違いを生むことはありません。

あなたがテキストの配置を使用する場合はそのため、divなどのブロック要素を使用し、p、h1、h2、h3など

出典

2017-09-14 14:00:48 Johannes

divクラスはcssで動作しますが、スパンクラスは動作しませんか？

答えて

関連する問題