Как настроить кнопку подписки рядом с полем электронной почты?

Question

на этой странице: 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" />

Что я делаю не так?

спасибо, ребята!Сандро

Answer 1

Я полагаю, вы пропустили 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 и ссылаться на ваш элемент с классами.

Дайте мне знать, если это сработало!

Answer 2

Попробуйте display: inline-block; вместо display:block с вашего css