У меня есть форма подписки.
Я хочу вставить ее на страницу сайта на порталое Prom.ua, и мне нужно выровнять её по центру как это сделать, что надо дописать помогите плиз
<style>
#mlb2-302417,
#mlb2-302417 *,
#mlb2-302417 a:hover,
#mlb2-302417 a:visited,
#mlb2-302417 a:active{
overflow:visible;
position:static;
background:none;
border:none;
bottom:auto;
clear:none;
cursor:default;
float:none;
font-size:medium;
font-style:normal;
font-weight:normal;
letter-spacing:normal;
line-height:normal;
text-align:left;
text-decoration:none;
text-indent:0;
text-transform:none;
visibility:visible;
white-space:normal;
max-height:none;
max-width:none;
left:auto;
min-height:0;
min-width:0;
right:auto;
top:auto;
width:auto;
z-index:auto;
}
#mlb2-302417 .subscribe-form {
padding: 20px;
width: 320px!important;
border: 2px solid #2ECC71!important;
background: #FFFFFF none!important;
-webkit-border-radius: 30px!important;
-moz-border-radius: 30px!important;
border-radius: 30px!important;
}
#mlb2-302417 .subscribe-form .form-section {
/*float: left;*/
/*width: 100%;*/
margin-bottom: 20px;
}
#mlb2-302417 .subscribe-form .form-section h4 {
margin: 0px 0px 15px 0px;
color: #27AE60!important;
font-family: Arial!important;
font-size: 22px!important;
line-height: 100%;
}
#mlb2-302417 .subscribe-form .form-section p {
line-height: 150%;
margin: 0px 0px 0px 0px;
color: #000000!important;
font-family: Arial!important;
font-size: 15px!important;
}
#mlb2-302417 .subscribe-form .form-section .form-group {
margin-bottom: 15px;
}
#mlb2-302417 .subscribe-form .form-section .form-group label {
float: left;
margin-bottom: 10px;
width: 100%;
line-height: 100%;
font-weight: bold;
color: #000000!important;
font-family: Arial!important;
font-size: 15px!important;
}
#mlb2-302417 .subscribe-form .form-section .checkbox {
width: 100%;
margin: 0px 0px 10px 0px;
}
#mlb2-302417 .subscribe-form .form-section .checkbox label {
color: #000000!important;
font-family: Arial!important;
font-size: 15px!important;
}
#mlb2-302417 .subscribe-form .form-section .checkbox input {
margin: 0px 5px 0px 0px;
}
#mlb2-302417.ml-subscribe-form .form-group .form-control {
width: 100%;
font-size: 13px;
padding: 10px 10px;
height: auto;
font-family: Arial;
border-radius: 20px;
border: 2px solid #2ECC71!important;
color: #000000!important;
background-color: #FFFFFF!important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
clear: left;
}
#mlb2-302417.ml-subscribe-form button {
border: none;
cursor: pointer;
width: 100%;
border-radius: 15px;
height: 42.5px;
background-color: #2ECC71!important;
color: #FFFFFF!important;
font-family: Arial!important;
font-size: 17!important;
text-align: center;
}
#mlb2-302417.ml-subscribe-form button.gradient-on {
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%);
background: linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%);
}
#mlb2-302417.ml-subscribe-form button.gradient-on:hover {
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);
background: linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);
}
#mlb2-302417.ml-subscribe-form .form-section.ml-error label {
color: red!important;
}
#mlb2-302417.ml-subscribe-form .form-group.ml-error label {
color: red!important;
}
#mlb2-302417.ml-subscribe-form .form-group.ml-error .form-control {
border-color: red!important;
}
</style>
<div id="mlb2-302417" class="ml-subscribe-form">
<div class="ml-vertical-align-center">
<div class="subscribe-form ml-block-success" style="display:none">
<div class="form-section">
<h4>АКТИВИРОВАТЬ РАССЫЛКУ</h4>
<p>Спасибо что подписались. Вам на почту отправлено письмо. Подтвердите вашу подписку.</p>
</div>
</div>
<form class="ml-block-form" action="https://app.mailerlite.com/webforms/submit/h7j5w7" data-code="h7j5w7" method="POST" target="_blank">
<div class="subscribe-form">
<div class="form-section">
<h4>АКТИВИРОВАТЬ РАССЫЛКУ</h4>
<p></p>
</div>
<div class="form-section">
<div class="form-group ml-field-email ml-validate-email">
<input type="text" name="fields[email]" class="form-control" placeholder="введите сюда свою электронную почту" value="">
</div>
<div class="form-group ml-field-name">
<input type="text" name="fields[name]" class="form-control" placeholder="Ваше им'я" value="">
</div>
</div>
<input type="hidden" name="ml-submit" value="1" />
<button type="submit" class="gradient-on">ПОДПИСАТСЯ</button>
</div>
</form>
</div>
</div>
<script type="text/javascript" src="//mailerlite.com.ua/js/w/webforms.js?v2"></script>
Информация
