Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.


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.