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

Question

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

基本上，代码包含在表中，而Mailchimp代码位于表的一个单元格中。内容为标题，输入电子邮件地址的框和＆＃34;提交＆＃34;按钮。我想修改代码，以便单元格的内容全部在一行而不是在当前情况下彼此之下。

可以在http://jsfiddle.net/surfersteve1970/x9QLP/

找到代码和CSS

希望我做过一些愚蠢的事情，就像往常一样，但是在我最后一小时在我的桌子上撞到头后，我认为最好尝试寻求帮助而不是造成进一步的脑损伤。

感谢您提供任何帮助。

史蒂夫

Answer 1

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

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

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

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

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