Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML

Best way to set up a two column transactional email?

I'm creating a new transactional email template with no CSS. the top portion has information that needs to be placed in the center and the bottom portion needs to be set up as two columns.

What is the best way to go about this?

2 Answers

Allison Davis
Allison Davis
12,698 Points

I'm curious - why no CSS at all? Does this include writing the CSS inline with your HTML?

Not sure if this will meet your needs but the <aside> element may be useful, as it will create a sidebar effect.

The only other way that I can think of to create a two-column layout with zero CSS would be to use a table, which is widely regarded as bad practices.

CSS can be written in the HTML it just does not have it's own CSS page

Christina Davidson
Christina Davidson
6,441 Points

Using the table practice is still best for emails, and only bad practice for websites.