如何对齐电子邮件字段旁边的订阅按钮？

Question

在此页面上：http://growthbay.ch/

我有一个小的电子邮件字段和一个嵌入的订阅按钮，但是我想在电子邮件输入字段旁边显示订阅按钮，并在订阅按钮的左边留一点空白。

我正在使用以下代码：

ModelClass

我在做什么错？

谢谢大家！ 桑德罗

Answer 1

尝试从您的CSS中使用display: inline-block;代替display:block

Answer 2

我相信您在电子邮件字段上错过了display: inline-block。只需添加它，它就可以工作！

（尽管与您的问题无关），您也没有以正确的方式将样式应用于“订阅”按钮：

<input display="inline-block" position="relative" margin-left="5px" vertical-align="top" type="submit" value="Subscribe"/>

应为：

<input style="display: inline-block; position: relative; margin-left: 5px; vertical-align: top;" type="submit" value="Subscribe"/>

但是，一般而言，我建议使用外部CSS并使用类引用您的元素。

让我知道它是否有效！