![]() Here is the code of our basic table container: However, understanding these fundamentals on which we will later build is critical. In this article, I will stick to simple containers with sharp corners and white background, as implementing a container with rounded corners is a whole different story. We are going to start with a very simple 1x1 table that will allow us to apply the spacing later. So if you need a container with some spacing, using a table is a good choice. CSS spacing correctly applies only to table cells ( TD) but unless you discard the extra table spacing (code sample below), there is no guarantee that you’ll get exactly the values you want.You can only (sometimes) make them 0, but not specific values that Outlook would respect. Typography elements ( P, Hx, UL, LI) are using some default margins in Outlook.Instead, you should work with just the following options: Outlook doesn’t work well with CSS spacing defined via padding or margin on regular elements. ![]() In Outlook, however, there are some limitations. When it comes to general reusable layouts in HTML and CSS, DIV element with padding and margin is the king. In this part, I will discuss some rules and best practices you should keep in mind when implementing your layout for Outlook. If you missed the introduction, read Basics & how to test generated emails. This article is a part of the Implementing emails in 2021 series.
0 Comments
Leave a Reply. |