Question

所以我正在建立一个网站，为我的业务发送新闻通讯。一切都很顺利，直到我介绍了正在移动我定位的h1文本的订阅按钮。谁知道什么是错的？在运行代码段中，您可以清楚地看到文本位于表单下方，我希望它位于中心。它应该是因为在CSS中我指定了中心。

代码：

＆＃13;

#mc_embed_signup {
  background: #fff;
  clear: right;
  font: 14px Helvetica, Arial, sans-serif;
  width: 4px;
}
h1 {
  color: black;
  text-align: center;
  font-family: "Baskerville Old Face";
}
.bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -5000;
}

＆＃13;

<!DOCTYPE html>
<html>

<head>


  <title>Test.</title>


  <link rel="stylesheet" href="formalize.css" />
  <script src="jquery.js"></script>
  <script src="jquery.formalize.js"></script>



</head>

<body>

  <div id="mc_embed_signup">
    <form action="http://yourdomain.us2.list-manage.com/subscribe/post?u=f2783bcb766c7&id=07b8" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">
      <input type="text" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required>
      <input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button">

    </form>







    <br>
    <br>
    <br>
    <br>
    <br>
    <h1> Receive an interesting email, Weekly. </h1>
    <div align="center">
      <img src="wall.jpg" class="bg">
    </div>
  </div>
</body>

</html>

＆＃13;

http://pastebin.com/zJTxi45y

Answer 1

这是因为#mc_embed_signup是4px宽度。尝试将h1移到div之外，或者使div为父元素的100％宽度。

我的表单正在移动我的定位文本？

1 个答案: