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

问题描述 投票:0回答:2

本页面:http://growthbay.ch/

我有一个小的电子邮件字段和嵌入的订阅按钮,但我想在订阅按钮的左边显示电子邮件输入字段旁边的订阅按钮。

我正在使用此代码:

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

我究竟做错了什么?

谢谢大家!桑德罗

html css forms
2个回答
0
投票

从你的CSS尝试display: inline-block;而不是display:block


0
投票

我相信你在电子邮件领域错过了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并使用类引用元素。

让我知道它是否有效!

© www.soinside.com 2019 - 2024. All rights reserved.