html - 使用 div 保持响应能力

Question

我继承了 ironcowboy.co 网站，该网站在包含电子邮件提交表单和文本“Get updates on the journey”的部分存在问题。现在文本和表单上有js延迟加载。需要做的是，在调整大小时，线条只需要跟随上面的文本和视频。这绝对不是我的强项，但似乎每次我尝试操纵它时，它都会失准。

目标是使文本行和表单居中，以便在调整屏幕大小时它仍居中。任何帮助，将不胜感激。

谢谢!

Answer 1

我在一段时间内写过最困惑的 hacky css hack，但 html 是一团糟所以实际上清理它并编写正确的 css 需要相当长的时间:P

这是CSS:

#subscribebox {
  width: 680px !important;
  margin: 0 auto !important;
  display: block !important;
}
#subscribebox input[type="text"] {
  margin: 0 0 0 340px !important;
  width: 258px !important;
}
#subscribebox input[type="submit"] {
  width: 80px !important;
  margin: -50px 0 0 240px !important;
}
#subscribebox p {
  left: 0 !important;
  float: left; !important;
}