# '''Használjunk táblázatot a layout kialakításához''', mivel, ha CSS-sel alakítjuk ki a layoutot, könnyen széteshet az e-mail. <code style="white-space:nowrap;"><''div></code> '' és <''span> '' tageket csak elvétve használjunk.# '''A CSS stílusokat a html-en belül jelenítsd meg''' (''style=''), ne pedig külön dokumentumban csatold hozzá (sok e-mail szoftver ezeket egyszerűen törli). Semmiképpen ne használj a ''head '' tagben stílusmeghatározást, helyette inkább bodyban ''body''ban (a Google Mail máskülönben törli). Használj soron belüli stílusmeghatározásokat, pl.: <''p style=”color: white;>''.

# '''Minél rövidebb stílus-meghatározásokat használj, és ezeket minél közelebb a tartalomhoz.''' Ez esetben nem jelent problémát (sőt!), ha minden egyes cellához meghatározod pl. a betűtípust ahelyett, hogy a teljes dokumentumra adnád meg. A headingekbe''heading''ekbe, ''p '' és ''a '' tagekbe csak akkor írj stílusdefiníciót, ha feltétlenül szükséges.# '''Célszerű három táblázatot létrehozni''' (fejléc, tartalom, lábléc), és ezeket egy „gyűjtőtáblázatba” beilleszteni, már csak azért is, mert bizonyos esetekben a ''body '' taget nem veszik figyelembe a szoftverek. Ehhez célszerű 100%-nál kisebb (javasolt a 98%) szélességet beállítani, vagy az e-mail szélességét fix értékre beállítani (ne legyen nagyobb 600px-nél). Általában ez utóbbi biztosabban működik.# '''Ha több oszlopot összevonnánk, használjuk a ''colspan '' attribútumot, több sor összevonásához pedig a ''rowspan''t.'''# '''A táblázat elrendezését szabályozhatjuk a ''border '' (szegély), ''valign '' (függőleges igazítás), ''align '' (vízszintes igazítás), ''cellpadding '' (cella kerete és tartalma közti távolság) és ''cellspacing '' (cellák kerete közti távolság) stb. attribútumokkal.'''# '''A ''float '' (lebegtetés) nem igazán működik''' a pl. Google Mail esetében, inkább egy összetettebb táblázattal oldjuk meg ezt.