CSS似乎无法正常工作

Question

我在首页上制作的联系表格，我正在制作，上面有一些CSS，因此全部居中，可以放入它创建的白盒内，等等，但是其中一个字段似乎不适合白盒内但其他所有操作都会使网站瘫痪。

https://www.traveltradewinds.com/ttw/

当我更改CSS尝试对其进行修复时，我注意到将其宽度设置为110％即可，但是结果不在屏幕的中心，在旁注中，该复选框默认输入类型复选框不是它没有添加的样式吗，有人可以帮我显示出什么问题吗，因为ti应该对我有用？

非常感谢

编辑：忘记添加CSS代码，对不起：

@media only screen and (min-width: 40.063em) {
   .hero .hero-inner {
       width: 100% !important;
       float: left;
       margin-left: 1.38889%;
       margin-right: 1.38889%;

   }
}


.hero .hero-inner {
    width: 100%;
    float: left;
    margin-left: 1.38889%;
    margin-right: 1.38889%;
}

ul {
    display: flex;
}

form {
    border: 1px solid white;
    background: white;
    padding: 10px;
    border-radius: 5px;
}

.widget ul {
list-style: none;
margin: 0;
padding: 0;
}


.hero .widget ul li, .hero .widget ol li {
list-style: none;
height: 48px;
margin: 50px 15px;
height: 48px;
 margin: 50px 15px;
}

.hb-submit{
 text-align:center;
 }

Answer 1

您不需要为父母使用FORM标签，而为孩子使用LIST标签。您将使用DIV创建此部分，然后为每个subDIV分配主宽度的17％。（为空白留出1％），例如以下代码：

body {
  width: 100%;
  text-align: center;
}

.mainDIV {
  background: red;
  width: 80%;
}

.subDIV {
  background: blue;
  height: 100px;
  width: 17%;
  margin: 1%;
  display: inline-block;
}

<div class="mainDIV">
  <div class="subDIV">
  </div>
  <div class="subDIV">
  </div>
  <div class="subDIV">
  </div>
  <div class="subDIV">
  </div>
  <div class="subDIV">
  </div>
</div>

我希望它会有用。

Answer 2

好像它属于hotel-booking.css。请检查此