html - 如何在 MailChimp 的同一行获取电子邮件输入和提交按钮?

标签 html css wordpress forms mailchimp

我试图让“电子邮件”输入和“提交”按钮位于同一行。这是它的样子:

It's on separate lines and looks awkward

所以它应该看起来像这样(关于布局):

Both the email and submit on same line

您可以在此处查看实际页面:http://www.grainbeast.com/free-goods/

你能告诉我如何完成这个吗?

最佳答案

将以下CSS添加到style.css

#mc4wp-form-1 > input[type="email"] {
    display: inline-block;
}

并移除

float :左

从提交按钮样式中读取 html

<input type="submit" value="Get Free Access" />

关于html - 如何在 MailChimp 的同一行获取电子邮件输入和提交按钮?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22251138/

相关文章:

html - 如何清除:hover styles for mobile devices?

php - WordPress 获取用户通过

javascript - 为古腾堡最新帖子 block 启用分页

javascript - 将 2 张图像与引用点结合起来的最佳方法?

html - 悬停打开和关闭的 CSS3 过渡效果

通过单击页面上的任意位置调用 JavaScript __dopostback

CSS 导航栏当前/事件颜色链接

javascript - 以不同的布局加载更多帖子

html - 根据同一个 div 中存在的不同类隐藏一个类

javascript - 如何将鼠标悬停在图片上时将网页上的图片更改为背景图片?