jsfiddle相同的代码在服务器上显示不同的结果

Question

HTML，

<p style="text-align:center">
            <label for="user">User</label>
            <input type="radio" name="kategori" id="user" value="user">
            <label for="admin">Admin</label>
            <input type="radio" name="kategori" id="admin" value="admin"></p>

的CSS，

input{
    margin: 7px;
    }

input[type="radio"] {
    margin-left:30px;
}

我试图将收音机按钮对中，它在我的wampserver中变成了这样，

所以我在jsfiddle再次尝试了我的代码，发现表单很完美。

live demo

为什么？

我该如何管理？