Can't put email field and subscribe button on same line

I’m trying to put the email field and subscribe button on the same line (on my sidebar widget at blog.ridwan.me).

I’ve google the issue and it seems others have had the same problem, but their solutions don’t seem to work for me.

Right now I have the html for it as a text widget as follows:

<div id="mc_embed_signup">
<form action="https://ridwan.us8.list-manage.com/subscribe/post?u=7db1cf3e7d3ac6dac5fb7c1b0&id=6d3eeff86a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>

<div class="mc-field-group">
	<input type="email" value="" placeholder="Email Address" name="EMAIL" class="required email" id="mce-EMAIL">
</div>
	<div id="mce-responses" class="clear">
		<div class="response" id="mce-error-response" style="display:none"></div>
		<div class="response" id="mce-success-response" style="display:none"></div>
	</div>    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
    <div style="position: absolute; left: -5000px;"><input type="text" name="b_7db1cf3e7d3ac6dac5fb7c1b0_6d3eeff86a" value=""></div>
	<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</form>
</div>

I don’t mind slightly reducing the width of the email field.
Any ideas?