text-align：center;没有正确对齐

Question

我有一段文字需要在页面中间对齐，但它不起作用

<div style="width:100%; border: 0px black solid;text-align:center; height:25px;">
        <font size="4">
        <div id="kategorioverskrift">
        <strong>1 Generelt</strong>
        </div>
        </font>
    </div>

我做了一个jsFiddle： http://jsfiddle.net/2gN4a/

这是问题上面的“kategorioverskrift”之上的div。

有谁知道如何解决这个问题？ THX

Answer 1

将上面的div移到当前的父div http://jsfiddle.net/2gN4a/3/

之外