Email Development – Spacing
Spacing in HTML in email and website can be tricky. All developers have there own special magic ways to create spaces.
Today we will examine a few the most popular methods:
- Cellpadding – specifies the space, in pixels, between the cell wall and the cell content. Cellpadding is often used in email codes
- Empty Cells – empty <tds> – we can add to our code to force spacing around content. For example, this is how we would use it to add the 20px. We do not use empty cells, unless forcing height between table cells.
<table border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="3" height="20"></td> </tr> <tr> <td width="20"></td> <td align="left" style="font-size:16px; color:#000001; font-family:serif;"> Content goes here </td> <td width="20"></td> </tr> <tr> <td colspan="3" height="20"></td> </tr> </table>
- Empty Spacing – add breaks inside of the content HTML
<img src="http://placehold.it/600x150" style="display:block;" border="0"> <br><br> Content goes here
- Padding – common method used in web development for creating spacing and often used in email development too.
- Margin – works by adding spacing outside of the border in a CSS box model, compared to padding which will add it inside the border.
If you need any help with increasing your search performance or on how to make more opportunities for your business, then please get in contact with us here at Network Intellect. Please get in contact with us here at Network Intellect.