mailchimp - 如何将表格中的 mailchimp 注册表单的文本字段和按钮的 div 放在一行中？

Question

我一直在尝试修改 Mailchimp 提供的代码，该代码包含在我正在为邮件列表表单开发的网站中。

基本上，代码包含在表格中，而 Mailchimp 代码位于表格的一个单元格中。内容是标题，输入电子邮件地址的框和“提交”按钮。我想修改代码，使单元格的内容都在一行上，而不是像当前情况那样彼此重叠。

可以在这里找到代码和 CSS http://jsfiddle.net/surfersteve1970/x9QLP/

希望我只是做了一些愚蠢的事情，就像经常发生的那样，但是在过去一个小时我的头撞到 table 上之后，我认为最好尝试寻求一些帮助而不是造成进一步的脑损伤。

感谢期待任何帮助。

史蒂夫

Answer 1

http://jsfiddle.net/iphipps/CLFBj/1/

电子邮件和按钮输入都显示为 block ，而不是 float 或内联显示。下面的代码对我有用。

#mc_embed_signup input.email{
display:inline-block;
}

#mc_embed_signup input.button {
display:inline-block;
}

注意:在附带的 jsfiddle 中，我更改了两个选择器的显示，然后在注释后添加了下面的代码。出于某种原因，jsfiddle 似乎不喜欢 css 级联覆盖。