Reverse stack

To support layouts that require right-to-left visual ordering—such as logo on the right and text on the left—you can enable reverse stacking by setting dir="rtl" on the outer <table class="row">.

This reverses the horizontal alignment of columns, stacking them from right to left in desktop view, while still maintaining logical content order for screen readers and accessibility. It's especially useful for layouts where a logo, image, or button should appear on the right without restructuring the HTML.

To restore normal left-to-right behavior, use dir="ltr" (the default). This keeps columns aligned from left to right, which is typical for most email designs.

Use this technique sparingly and only when the visual layout specifically calls for right-aligned content that should appear first on mobile or in desktop layouts with visual emphasis on the right.