I've tried just about everything that I know how and even some additional attempts by searching here and online, but yet I cannot get my emails to show how I need them to.

The main email I am dealing with right now is the newsletter confirmation subscription one. I need assistance with the table/ position formatting, as well as page breaks.

The first issue is trying to insert paragraph breaks instead of line breaks. All of my text is jumbled together and I need them to be in seperate paragraphs. I've tried both \n and \n\n and neither is working.


The second issue is, I either need the entire email content to be centered (except for the text) in a table that will always be in the center of the email window, or I need the width of the content to be fixed. As of now, when I resize the email window, the text will resize and it throws off the formatting again. My stylesheet is below.

<style type="text/css">
.body {color:#000000; font-family:Arial, Verdana, Helvetica;width:550px;}
a:link {color:#0066cc;}
a:hover {color:#0066cc;}
a:visited {color:#0066cc;}
.holder {border: 0px; font-size: 12px; text-align: left; width:400px;}
.header {font-size:10px; padding:0px; width:550px;position:fixed;
left:300px;
top:0px;}
.content {font-size:12px; padding:5px; width:400px;}
.content-line {padding:5px;font-size:12px; padding:5px; width:400px;}
.coupon-block { padding: 5px; border: 1px #cccccc solid; background-color: #FFFF99; }
.coupon-code {font-weight:bold;}
.gv-block { padding: 5px; border: 1px #cccccc solid; background-color: #99FF99; }
.gv-code {font-weight:bold;}
.footer { border-top: 1px #9a9a9a solid; font-size: 9px; margin-top: 10px; text-align: center; width: 550px; }
.extra-info { background-color: #cccc99; border: 1px #9a9a9a solid; font-size: 10px; margin-top: 10px; padding: 5px; width: 550px; }
.extra-info-bold {font-weight:bold;}
.disclaimer { background-color: #f9f9f9; border: 1px #cccccc solid; font-size: 10px; margin-top: 10px; padding: 5px; width: 550px; }
.disclaimer1 {color:#666666; padding:5px;}
.disclaimer1 a:link {color:#666666;}
.disclaimer1 a:visited {color:#666666;}
.disclaimer2 { color: #666666; padding: 5px; }
.copyright { border-bottom: 0px #9a9a9a solid; padding: 5px; }
</style>

Can anyone please help me with these issues? Thank you!