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

Question

Я пытаюсь сосредоточить форму регистрации рассылки новостей от here. Я пробовал все, но просто отказываюсь сосредоточиться. Я использую рамки CSS скелета.

Answer 1

Используйте этот код. я понятия не имею о скелете. автобус его работы.

<section class="news"> 
      <h2 class="">Get Notified for Early Access</h2> 
      <form novalidate="" target="_blank" class="validate" name="mc-embedded-subscribe-form" id="mc-embedded-subscribe-form" method="post" action="//KloudTrader.us11.list-manage.com/subscribe/post?u=8ce5d035a2693858b995c33e9&amp;id=d252a06fa4"> 
       <div class="row"> 
        <div class="columns"> 
         <label style="display:none" for="mce-EMAIL"> 
          Email 
         </label> 
         <input type="email" id="mce-EMAIL" class="email required u-full-width" name="EMAIL" value="Enter your email"> 
         <div class="clear" id="mce-responses"> 
          <div style="display:none" id="mce-error-response" class="response"></div> 
          <div style="display:none" id="mce-success-response" class="response"></div> 
         </div> 
         <div style="position: absolute; left: -5000px;"> 
          <input type="text" value="" tabindex="-1" name="b_8ce5d035a2693858b995c33e9_d252a06fa4"> 
         </div> 
        </div> 
        <div class="columns"> 
         <input type="submit" class="button u-full-width" id="mc-embedded-subscribe" name="subscribe" value="Subscribe"> 
        </div> 
       </div> 
       <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups--> 
      </form> 
     </section> 



.news {text-alig:center} 
.news .columns {float: none; display: inline-flex;} 

Answer 2

я не мог сделать это только скелет, но я сделал некоторое быстрое решение:

<div class="container align-center"> 
       <div class=""> 
        <label style="display:none" for="mce-EMAIL"> 
         Email 
        </label> 
        <input type="email" style="width:20%; display:block; margin: 0 auto 1em;" value="Enter your email" name="EMAIL" class="email required u-full-width" id="mce-EMAIL"> 
        <div class="clear" id="mce-responses"> 
         <div style="display:none" id="mce-error-response" class="response"></div> 
         <div style="display:none" id="mce-success-response" class="response"></div> 
        </div> 
        <div style="position: absolute; left: -5000px;"> 
         <input type="text" value="" tabindex="-1" name="b_8ce5d035a2693858b995c33e9_d252a06fa4"> 
        </div> 
       </div> 
       <div class="three columns"> 
        <input type="submit" class="button u-full-width" id="mc-embedded-subscribe" name="subscribe" value="Subscribe"> 
       </div> 
      </div>