Html CSS正确的子分区'；div中的s对齐

我的CSS样式还有一个问题：

<>我想把输入（每个输入放在自己的div中）对齐在我的窗体中间。

表单的HTML标记：

（只是在没有doctype等的情况下发布了表单内容，因为网页没有其他div，并且这个代码块是我的html文档中唯一的代码块）

它的CSS样式：

html和正文默认定义为宽度/高度=100%

html, body
{
    width: 100%;
    height: 100%;
    ...

Chrome浏览器开发工具的屏幕截图：

正如您所看到的，输入已经超过了div大小，我不知道为什么

另外，我正在为UI使用引导库，它也包含在项目中。但是当我查看引导程序的源代码时，他们没有对控件使用任何对齐属性。他们只是有一些CSS样式的边界半径和蓝色突出显示

如何解决此问题

谢谢

非常简单：

input { margin: 0 auto; display: block; }

---

我是CSS样式的新手，非常缺乏知识：）这里有一个关于JSFIDLE的简单示例：如果答案有效，请将我的帖子标记为正确！父元素需要一个宽度。我在父元素中没有宽度，我使用的CSS的最新版本：PS:width元素也在问题的内容中。请看新屏幕，我在Chrome的devtools中突出显示了该元素：