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



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

我有一个小的电子邮件字段加上订阅按钮,但我想在电子邮件输入字段旁边显示"订阅"按钮,并在订阅按钮的左侧有一点保证金。

我正在使用此代码:

<label><strong>Get the latest jobs in your inbox!</strong></label>
<input style="width:auto !important" type="email" name="EMAIL" placeholder="your@email.com" required />
<input display="inline-block" position="relative" margin-left="5px" vertical-align="top" type="submit" value="Subscribe" />

我在做什么错?

谢谢伙计们!桑德罗

尝试display: inline-block;而不是display:block,您的CSS

我相信您在电子邮件字段上错过了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并使用类引用您的元素。

让我知道它是否有效!

最新更新