I am a designer who has recently started teaching myself CSS so I can develop my website. I have figured almost everything out except for one thing. I have an email subscription form that I can’t get to align correctly.
Here is the website as is: http://www.shopfashionablylate.com
Here is a jpg mockup of what I want it to look like: http://www.shopfashionablylate.com/images/SFL_mockup.jpg
The form to the right of the “SUBSCRIBE FOR EMAIL UPDATES »” is the issue.
I attached the mockup, HTML content and CSS file.
Hi,
If you just want it aligned left and right then float the elements.
e.g.
#newsletter-validate-detail p{float:left;margin:5px 0;font-size:340%}
#newsletter-validate-detail .input-box{float:right;margin:20px 0 10px;}
You really should use the label element and associate them with the controls and not use p elements for label controls.