html - 在wordpress右侧边栏中对齐右输入表单

Question

我有一个 MailChimp for WordPress 插件，带有这样的表单代码

<p>
    <label>Get new posts delivered to your inbox!</label>
    <input type="email" id="my-input" name="EMAIL" align="right" placeholder="Your email address" required />
</p>

<p>
    <input type="submit" value="Subscribe" />
</p>

侧边栏看起来像这样:

除了我的输入表单外，边栏中的所有内容似乎都正确对齐。有一个右边距我无法摆脱。

我可以像这样放置客户 CSS，但它没有任何作用。

#my-input {
    text-align: right; /* This works */
    margin-right: 0px; /* This doesn't work */
}

有任何编辑 HTML 或自定义 CSS 以使其正常工作的技巧吗？

Answer 1

你可以试试这段代码:

#my-input {
    text-align: right; 
    margin-right: 0 !important;
    display: block;
    width: 100%;
}