0

テキストがタイトル クラス スパンの中央に配置されない理由がよくわかりません。

<div id="vid_display">
 <span class="title">SampleText</span></br>
 <span class="desc">Sample Desc</span>
</div>

スタイルシート

#vid_display {
height: 500px;
width: 700px;
box-shadow: 10px 10px 5px #888;
}

.title {
font-family: cursive;
font-size: 20px;
font-style: bold;
text-align: center;
}
4

3 に答える 3

1

ブロックではなくインライン要素です。代わりに div を使用します。

<div id="vid_display">
  <div class="title">SampleText</div><br>
  <span class="desc">Sample Desc</span>
</div>
于 2013-04-09T00:58:34.143 に答える
1

text-alignspan タグのようなインライン要素には影響しません。display:block;のような親要素<div>または<p>スパンをラップしている親要素にテキスト配置を適用する必要があります。

次のような方が良いかもしれません：

HTML

<div id="vid_display">
 <p class="title">SampleText</p>
 <p class="desc">Sample Desc</p>
</div>

CSS

.title { text-align: center; }

更新:ここに作業サンプルがあります: http://codepen.io/anon/pen/jEnys

于 2013-04-09T00:46:00.883 に答える