我有一个小的电子邮件字段和嵌入的订阅按钮,但我想在订阅按钮的左边显示电子邮件输入字段旁边的订阅按钮。
我正在使用此代码:
<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" />
我究竟做错了什么?
谢谢大家!桑德罗
从你的CSS尝试display: inline-block;
而不是display:block
我相信你在电子邮件领域错过了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并使用类引用元素。
让我知道它是否有效!