Как мне разместить форму встраивания mailchimp на странице загрузки twitter?

Question

Вот код для встраивания.

 <!-- Begin MailChimp Signup Form --> 
<link href="//cdn-images.mailchimp.com/embedcode/slim-081711.css" rel="stylesheet" type="text/css"> 
<style type="text/css"> 
    #mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; } 
    /* Add your own MailChimp form style overrides in your site stylesheet or in this style block. 
     We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */ 
</style> 
<div id="mc_embed_signup"> 
<form action="http://unityi.us2.list-manage.com/subscribe/post?u=a93bfac69d884f15e416661bb&amp;id=4618e101c1" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate> 

    <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required> 
    <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div> 
</form> 
</div> 

<!--End mc_embed_signup--> 

Answer 1

Добавление атрибутов «display: block» и «margin: auto» должно это сделать. Вы могли бы также поместить форму в сетку, хотя это было бы более сложным

Answer 2

Вы могли бы просто добавить метки центра? Я пробовал, и он работает. Простой ответ:

</style> 

<!-- ADD HERE --> 
**<center>** 

<div id="mc_embed_signup"> 
<form action="http://unityi.us2.list-manage.com/subscribe/post? u=a93bfac69d884f15e416661bb&amp;id=4618e101c1" method="post" id="mc-embedded-subscribe- form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate> 

<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required> 
<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div> 
</form> 
</div> 

<!-- AND CLOSE HERE --> 
**</center>** 

<!--End mc_embed_signup-->