Generally I design html-based emails using semantic HTML... that means that
I mark everything up exactly according to the type of content being
displayed. That means if I have a heading, I use an <h1> or <h2> (etc) tag
instead of a <p> that is styled with CSS; if I have a new paragraph, I use a
<p> tag, not a couple <br> tags; and so on... this means that in the event a
recipient is using gmail (we'll use that client for these purposes) then the
email degrades well. In other words, it does not necessarily appear the way
I intend, but the email will appear as readable as can be hoped.
I also make sure (whenever possible) that the content appears in the HTML in
the order I wish it to display. For example, I would never put the sign-off
("Thanks for reading this email, bye") at the top of my markup and then use
CSS to make it appear at teh bottom; if i do and the CSS is not supported,
then the email will start "Thanks for reading this email, bye"
Remember though, I still include CSS to style my emails - I just have to
consider what happens when CSS is removed or (more complexly) partially
supported. Hotmail (livemail) for instance does not fully support "float" so
I have to expect that any content i tried to float will now appear as a
block level element. May not look AS good, but if I design correctly, it
still looks acceptable (acceptable = easily readable + organized)
For some more good advice, check
http://www.campaignmonitor.com/blog..._in_emai_2.html
Alex