在此页面上: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并使用类引用您的元素。
让我知道它是否有效!