Html 无法将联系人表单获取到响应css的中心

我在网上搜索过，尝试过不同的方法，当屏幕变小或变小时，使联系人表单居中。标题和导航栏有响应，而联系方式没有响应。另外，我的代码在这里的两个单独的表单中，然后网站随机地将它们组合在一起。如果你知道怎么做，你可以把它们拆开

身体{ 保证金：0； 填充：0； 字体系列：“arial”，衬线； } .导航{ 背景色：ffb6c1； 颜色：ffffff列表样式：无； 文本对齐：居中； 填充：20px 0 20px 0； } img{ 最大宽度：自动最大高度：自动； } .nav>li{ 显示：内联块； 右边填充：50px； 字体大小：16px； } .nav>li>a{ 文字装饰：无； 颜色：ffffff } .nav>li>a:悬停{ 颜色：C0C0 } .横幅{ 宽度：100； 显示：块； } .banner>.bannerimage{ 宽度：100； 身高：100； 显示：块； } ul导航{ 保证金：0； } 白兰地先生{ 保证金：0自动； 宽度：100px； } 白兰地先生{ 位置：绝对位置； 边缘顶部：20px； 左边距：450px； } 身体{ 背景：url'heartcoffee.jpeg'； 背景重复：无重复； 背景尺寸：2000px 1000px； } Cognito.loadforms{ 身份证号码：1 };

---

发布问题请求的所有代码是无用的。 但是，对于在div容器中居中放置表单，可以使用：

.center{
margin:0 auto;
}

位置内的其他项：相对；容器：

.center{
position:absolute;
left:50%;
transform:translateX(-50%);
top:0;
}

---

我发布了我的html和css。试着为你的问题创建一个代码笔，你修复了吗？是的，我想把div类放在cognito的中心。把它放在一个JSFIDLE中