Question

在my site的底部，我有一个注册表单。我无法使按钮位于同一行并接近电子邮件。

它已经分配了一个类，所以它只是关于css，但我不是css的专家：（

以下是HTML代码：

<div class="mc4wp-form-fields"><h1 align="center">
  Want to hear updates on the future releases?
</h1><br>
    <input type="email" name="EMAIL" placeholder="Your email address" class="signup" required="">
<input type="submit" value="Sign up" class="signup_button">

任何想法怎么做???

Answer 1

您的输入宽度为100％ - 因此占用了100％的容器。

input[type="email"] { width:/*something thats not 100%*/ }

Answer 2

您可以浮动它们，前提是它们都没有设置为100％宽度......

 <input style="float:left;"  type="email" name="EMAIL" ....
 <input style="float:right;" type="submit" value="Sign up" ....

注册表格：发送电子邮件并提交相同的内容

2 个答案: