html - text-align:center が機能しないのはなぜですか?

Question

スクロールする新しいバーを作成しました。コンテンツをバーの中央に配置したいので、css を定義しました。

.myfont {
    font-size: 18pt;
    padding-bottom: 0px;
    text-align: center;
}

text-align: centercssの書き方は？これが私のフィドルです。

Answer 1

クラスhttp://jsfiddle.net/ZKKFU/35/を使用するのを忘れた男

<div id="newsbar" class="myfont"></div>

Answer 2

マークアップのためにさらに変更を加える代わりに、クラス.myfontにdisplay:block;. これにより、divが 100%の div に理解text-align:center;されるようになります。width

例えば、

.myfont {
    font-size: 18pt;
    padding-bottom: 0px;
    text-align:center;  
    width:100%;
    display:block;

}

ワーキングデモ