Horizontal Mailchimp subscribe form

Hi,

I want to include a horizontal mailchimp subscribe form (input fields and button in one line) on my homepage. I got the form code and css. But when I embed the form code into a text block in the avia editor, the fields and subscribe button appear in separate lines.

Here’s the embed code:

<!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup"><form class="validate" id="mc-embedded-subscribe-form" action="http://infotropic.us1.list-manage.com/subscribe/post?u=e42fcc81087eaa43b62733e2e&id=bec036a757" method="post" name="mc-embedded-subscribe-form" novalidate="" target="_blank"><div class="mc-field-group"><strong>Never miss an update</strong> <input class="required email" id="mce-EMAIL" type="email" name="EMAIL" placeholder="Email" value="" /><input class="required" id="mce-FNAME" type="text" name="FNAME" placeholder="Name" value="" /><input class="button" id="mc-embedded-subscribe" type="submit" name="subscribe" value="Subscribe" /></div>
</form></div>
<!--End mc_embed_signup-->

Here’s the CSS I added in the “Quick CSS” section:

.mc-field-group{
	background-color: #ffffff; 
	padding: 0px;
}

#mce-email {
	float: left;
	margin:10px;
}

#mce-FNAME{
	margin:10px;
}

Looks like the avia editor breaks the code.