Member 12835506 Ответов: 0

Нужна помощь с (позицией) в CSS ?


This is my Mailchimp code for subscribe form. I have customized it suiting to my needs.

The red button below appears on the right side..but i want to shift it beside(on same level)(right) the email box.

I have tried all attempts but nothing is working for me. Hope, someone could help. I am new to CSS. Thank you.




Что я уже пробовал:

<div id="mailchimp">
<form action="//askchange.us11.list-manage.com/subscribe/post?u=32e8df9557dd399bb3ba2ae61&id=62317f4783" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
    <div id="mc_embed_signup_scroll">
        <div class="indicates-required"><span class="asterisk">*</span> indicates required</div>
        <div class="mc-field-group">
            <input type="email" value="Enter your email" name="EMAIL" SIZE="30" class="required email" id="mce-EMAIL"onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;">
        </div>
        <div id="mce-responses" class="clear">
            <div class="response" id="mce-error-response"></div>
            <div class="response" id="mce-success-response"></div>
        </div>    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
        <div><input type="text" name="b_32e8df9557dd399bb3ba2ae61_62317f4783" tabindex="-1" value=""></div>
        <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
    </div>
</form>
</div>

<pre lang="CSS">

#mailchimp {
	background: #383838;
	color: #ff2727;
	padding: 40px 15px;
}
	#mailchimp input {
		 border: medium none;
    color: gray;
    font-family: times new roman;
    font-size: 16px;
    font-style: bold;
    margin-bottom: 15px;
    padding: 10px 12px;
    width: 350px;
  
		
	}
		#mailchimp input.email { background: #fff }
		#mailchimp input.name { background: #fff}
		#mailchimp input[type="submit"] {
			background: #ff2727;
			color: #fff;
			cursor: pointer;
			font-size: 20px;
			width: 40%;
			padding: 8px 0;
             	
		}
		#mailchimp input[type="submit"]:hover { 
   background-color: #000000; 
}
#mailchimp input[type="submit"] { 
   float: right;
}

#mailchimp input.email { 
    float: left;
}
		 	
			#mailchimp input[type="submit"]:hover { color: #ffffff }

Member 12835506

Кнопка появляется справа (под почтовым ящиком)..я хочу, чтобы она появилась рядом с почтовым ящиком, на том же уровне.

0 Ответов