Thanks for reply, I created a code which is:
But the subscribe button text show bottom why but when I run the code on https://htmledit.squarefree.com it show good. Why is happening and where is error..
<style>
.news {
position: relative;
z-index: 1;
background: #1F6797;
max-width: 360px;
margin: 0 auto 100px;
padding: 25px;
border-radius:5%;
text-align: center;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}
.news input {
font-family: "Roboto", sans-serif;
outline: 0;
border-radius:3%;
background: #fff;
width: 100%;
border: 0;
margin: 0 0 15px;
padding: 15px;
box-sizing: border-box;
font-size: 14px;
}
.news button {
font-family: "Roboto", sans-serif;
text-transform: uppercase;
outline: 0;
border-radius:4%;
background: #7BCD2A;
width: 50%;
border: 0;
padding: 15px;
color: #FFFFFF;
font-size: 14px;
-webkit-transition: all 0.3 ease;
transition: all 0.3 ease;
cursor: pointer;
}
.news button:hover,.form button:active,.form button:focus {
background: #FDF461; color:black;
}
</style><div class="news">
<form>
<input type="email" placeholder="E-mail Address (John@domain.com)" required autocomplete="off"/>
<button>Subscribe</button>
<p class="message">Subscribe our Newsletter it's free!</p>
</form>
</div>
</div>
Duplicate:

Original: