为什么不进行文本对齐：中心工作？

Question

我创建了一个滚动的新栏，我想将内容放在栏中心， 我定义了一个css：

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

但text-align: center不起作用，怎么写css？这是my fiddle。

Answer 1

老兄，你忘了使用班级http://jsfiddle.net/ZKKFU/35/

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

Answer 2

您只需要让您的班级.myfont拥有display:block;，而不是进行任何进一步的标记更改。这会让div理解text-align:center;到width为100％的div。

对于实例，

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

}

<强> WORKING DEMO

Answer 3

尝试赋予width的价值并使用float来解决您的问题：）

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

Demo