Horizontal Aweber Form | Using CSS

Here is a quick little CSS snippet to create a horizontal Aweber form:

<pre lang="css" toggle="no">.af-form, .af-form .quirksMode{
	width: 100%;
}

.af-body{
	min-height: 50px;
}

.af-element{
	float: left;
	width: 28%;
        min-height: 50px;
}

.buttonContainer{
	float:right;
}

Add this to your stylesheet and you will get a horizontal Aweber form.

You can use this CSS with the Aweber html form version or the javascript snippet. Works with both! Enjoy your horizontal Aweber form.

Want a plugin to do this? I have created my own plugin Simple Aweber Integration. I have also added in some extra functionality like adding a horizontal Aweber form at the end of each post. The one right below this text is displayed with the Simple Aweber Integration Plugin.