Html 如何在表单中集中输入？

我正在制作一款响应性php“游戏”，我遇到了以下问题：

以及如何修复这个中心

我正在添加我的html和css代码：

#框{
左边距：自动；
右边距：自动；
宽度：100%；
背景色：白色；
}
#容器{
宽度：100%；
文本对齐：居中；
}
.货柜名称{
字体大小：20px；
字体大小：粗体；
}
.货柜单位表格{
边缘底部：30px；
边缘顶部：30px；
}
.容器输入{
保证金：自动；
最小宽度：300px；
字体大小：25px；
边框：实心1px红色；
大纲：无；
字体系列：“SourceCodePro”；
颜色：#4b545f；
背景：#fff；
填充：10px 15px；
边框底部：1px实心透明；
文本对齐：居中；
}
.container\u输入：焦点{
边框底部：1px实心#41A1F0；
}
.容器提交{
最小宽度：350px；
字体系列：“SourceCodePro”；
背景色：透明；
边框：2倍实心透明；
填充：10px 30px；
字体大小：20px；
边框底部：1px实心#ddd；
}
.container_提交：悬停{
光标：指针；
边框底部：1px实心#41A1F0；
}
.集装箱{
边缘顶部：20px；
}
.container\u form\u错误{
颜色：#FF7070；
字体大小：粗体；
}
.货柜状况良好{
颜色：64FF5C；
字体大小：粗体；
}

使用上面的代码，只需删除break标记并在输入中添加display:block就可以了

---

保持其“响应性”的最简单方法是在第二个输入中添加样式，如下所示：

---

你能分享你的HTML/CSS吗？你的HTML和CSS代码在哪里？你能分享一下吗？

.container_input{
      display: block;
}