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

html

我试着将单选按钮居中，在我的wampserver中变成这样

因此，我在JSFIDLE上再次尝试了我的代码，发现表单是完美的

为什么?

---

如何管理此功能？

看起来您正在页面上的其他位置使用CSS重置。这只是一个猜测，但作为提醒，我们已经需要为多个设备类型编写代码，JSFIDLE是测试概念的工具，而不是我们校准代码或css的可靠平台或设备。你知道吗？

<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>

input{
    margin: 7px;
    }

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