This prayer can change your life.
Setting HTML Table and Column Widths
The TABLE tag is the opening tag used to create a table within a web page.
You can specify your TABLE width as a set number value or use a percentage.
| <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="2" WIDTH="200"> <TR> <TD>Column 1</TD> <TD>Column 2</TD> </TR> </TABLE> |
Browser View:
| Column 1 | Column 2 |
| <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="2" WIDTH="50%"> <TR> <TD>Column 1</TD> <TD>Column 2</TD> </TR> </TABLE> |
Browser View:
| Column 1 | Column 2 |
| <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="2" WIDTH="300"> <TR> <TD WIDTH="100">Column 1</TD> <TD WIDTH="200">Column 2</TD> </TR> </TABLE> |
Browser View:
| Column 1 | Column 2 |
In addition, you can set the widths of your TABLE columns to display your columns at a specific width. In the following example, the column widths are set to 50%.
| <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="2" WIDTH="100%"> <TR> <TD WIDTH="50%">Column 1</TD> <TD WIDTH="50%">Column 2</TD> </TR> </TABLE> |
Browser View:
| Column 1 | Column 2 |
In the following example, the first column width is set to 25% and the second column is set to 75%.
| <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="2" WIDTH="100%"> <TR> <TD WIDTH="25%">Column 1</TD> <TD WIDTH="75%">Column 2</TD> </TR> </TABLE> |
Browser View:
| Column 1 | Column 2 |