html表单中的按钮定位

基本上我有一个表单，输入两个名字和密码，下面是提交按钮

出于某种原因，无论我如何瞄准提交按钮，我都无法更改其宽度或确定如何将其居中！！在这个阶段我开始感到非常沮丧，因为我知道这可能只是一件简单的事情，所以如果有人能在这里帮助我，我将非常感激

希望这个链接到小提琴作品

在小提琴中有两个按钮，因为我试着看看我是否能以不同的方式瞄准按钮，但当我能弄明白这一点时，我最终只会使用一个

只有三件东西在

#feeder\u bm\u main input，#feeder\u bm\u main select

： 演示：

将

text align:center

添加到

.login\u container.feeder\u bm\u login

从

#进料器(bm)主输入#进料器(bm)主选择中删除
浮动：左

宽度：220px

在

#feeder_bm_主输入上，#feeder_bm_主选择

控制按钮的宽度

---

啊，这真的很有帮助，但是为什么我仍然不能改变单个按钮的宽度呢？你可以。为什么不呢？您需要什么宽度？是的，但我只想更改提交按钮的宽度，而不是输入字段的宽度！？好吧，那样的话，做这个。。。看到CSS中的最后一行了…好吧，这样做很有效，我仍然不明白为什么我不能通过id来定位单个按钮并改变宽度、高度等？哪个CSS规则阻止em这样做？有没有一种方法可以在不改变输入字段的宽度的情况下直接确定按钮的宽度？？？

#feeder_bm_main input, #feeder_bm_main select {
    margin: 5px auto;
    float: none;
    display: block;
}