# 02. Add Modules + Module Dividers The term module is used to describe a pre-made table structure Starting from a base <td> width of 120px and 166px and using spacers, modules with different colomn structures are created So, creating any email layout is as simple as stacking as many modules as needed. Module dividers should be used to create space between the modules Below you will find each divider and module you would ever need to create a layout, available with a preview and source code. Copy the source code in the previously saved base file, right below the comment <!-- START MAIN CONTENT. ADD MODULES BELOW --> Now that You have the layout done it is time to move to step 03 and add some content.
### Module Dividers
Divider #1 |61px height divider, line thorugh middle
| <img src="images/module-divider.gif" width="600" height="61" alt="">
Divider #2 | 61px height divider white
| <img src="images/module-divider-2.gif" width="600" height="61" alt="">
Divider #3 | 30px height divider
| <img src="images/module-divider-3.gif" width="600" height="30" alt="">
### Module #1 - 1 column | 540px column
1 col 540px, content goes here
| <!-- Module #1 | 1 col, 540px --> <table cellpadding="0" cellspacing="0" width="540" align="center"> <tr> <td valign="top"> 1 col 540px, add content here </td> </tr> </table> <!-- End Module #1 -->
### Module #2 - 2 columns | 260px colum , 20px spacer, 260px colum
column 260px |  | column 260px
| <!-- Module #2 | 2 columns, 260px , 20px spacer, 260px --> <table cellpadding="0" cellspacing="0" width="540" align="center"> <tr> <td width="260" valign="top"> column 260px, add content here </td> <td width="20">&nbsp;</td><!-- spacer column --> <td width="260" valign="top"> column 260px, add content here </td> </tr> </table> <!-- End Module #2 -->
### Module #3 - 2 columns | 120px column, 20px spacer, 400px column
column 120px |  | column 400px
| <!-- Module #3 | 2 columns, 120px, 20px spacer, 400px --> <table cellpadding="0" cellspacing="0" width="540" align="center"> <tr> <td width="120" valign="top"> column 120px, add content here </td> <td width="20">&nbsp;</td><!-- spacer column --> <td width="400" valign="top"> column 400px, add content here </td> </tr> </table> <!-- End Module #3 -->
### Module #4 - 2 columns | 400px column, 20px spacer, 120px column
column 400px |  | column 120px
| <!-- Module #4 | 2 columns, 400px, 20px spacer, 120px --> <table cellpadding="0" cellspacing="0" width="540" align="center"> <tr> <td width="400" valign="top"> column 400px, add content here </td> <td width="20">&nbsp;</td><!-- spacer column --> <td width="120" valign="top"> column 120px, add content here </td> </tr> </table> <!-- End Module #4 -->
### Module #5 - 2 columns | 166px column, 20px spacer, 352px column
column 166px |  | column 352px
| <!-- Module #5 | 2 columns, 166px, 20px spacer, 352px --> <table cellpadding="0" cellspacing="0" width="540" align="center"> <tr> <td width="166" valign="top"> column 166px, add content here </td> <td width="20">&nbsp;</td><!-- spacer column --> <td width="352" valign="top"> column 352px, add content here </td> </tr> </table> <!-- End Module #5 -->
### Module #6 - 2 columns | 352px column, 20px spacer, 160px column
column 352px |  | column 160px
| <!-- Module #6 | 2 columns, 352px, 20px spacer, 166px --> <table cellpadding="0" cellspacing="0" width="540" align="center"> <tr> <td width="352" valign="top"> column 352px, add content here </td> <td width="20">&nbsp;</td><!-- spacer column --> <td width="160" valign="top"> column 160px, add content here </td> </tr> </table> <!-- End Module #6 -->
### Module #7 - 3 equal columns | 166px column, 20px, 166px column, 20px, 166px column
column 166px |  | column 166px |  | column 166px
| <!-- Module #7 | 3 equal columns, 166px, 20px, 166px, 20px, 166px --> <table cellpadding="0" cellspacing="0" width="540" align="center"> <tr> <td width="166" valign="top"> column 166px, add content here </td> <td width="20">&nbsp;</td><!-- spacer column --> <td width="166" valign="top"> column 166px, add content here </td> <td width="20">&nbsp;</td><!-- spacer column --> <td width="166" valign="top"> column 166px, add content here </td> </tr> </table> <!-- End Module #7 -->
### Module #8 - 4 equal columns | 120px column, 20px spacer, 120px column, 20px spacer, 120px column, 20px spacer, 120px column
column 120px |  | column 120px |  | column 120px |  | column 120px
| <!-- Module #8 | 4 equal columns, 120px, 20px, 120px, 20px, 120px, 20px, 120px --> <table cellpadding="0" cellspacing="0" width="540" align="center"> <tr> <td width="120" valign="top"> column 120px, add content here </td> <td width="20">&nbsp;</td><!-- spacer column --> <td width="120" valign="top"> column 120px, add content here </td> <td width="20">&nbsp;</td><!-- spacer column --> <td width="120" valign="top"> column 120px, add content here </td> <td width="20">&nbsp;</td><!-- spacer column --> <td width="120" valign="top"> column 120px, add content here </td> </tr> </table> <!-- End Module #8 -->
### Module #9 - 3 columns | 120px column, 20px spacer, 120px column, 20px spacer, 260px column
column 120px |  | column 120px |  | column 260px
| <!-- Module #9 | 3 columns, 120px, 20px, 120px, 20px, 260px --> <table cellpadding="0" cellspacing="0" width="540" align="center"> <tr> <td width="120" valign="top"> column 120px, add content here </td> <td width="20">&nbsp;</td><!-- spacer column --> <td width="120" valign="top"> column 120px, add content here </td> <td width="20">&nbsp;</td><!-- spacer column --> <td width="260" valign="top"> column 260px, add content here </td> </tr> </table> <!-- End Module #9 -->
### Module #10 - 3 columns | 260px column, 20px spacer, 120px column, 20px spacer, 120px column
column 260px |  | column 120px |  | column 120px
| <!-- Module #10 | 3 columns, 260px, 20px, 120px, 20px, 120px --> <table cellpadding="0" cellspacing="0" width="540" align="center"> <tr> <td width="260" valign="top"> column 260px, add content here </td> <td width="20">&nbsp;</td><!-- spacer column --> <td width="120" valign="top"> column 120px, add content here </td> <td width="20">&nbsp;</td><!-- spacer column --> <td width="120" valign="top"> column 120px, add content here </td> </tr> </table> <!-- End Module #10 -->