Customizing your table

There are many attributes for the <table>, <tr>, and <td> tags. One of them is for setting the width of the border around the table. This is measured in pixels, so the skinniest possible border is 1 pixel wide:

<table border="1">

If you use that piece of code, your tables will have a thin box around each of its cells. To be honest, we're not sure what the largest possible size is. Try out different sizes for the border attribute in the Playground and let us know if you find the answer!

You can also change how the text is positioned within a table cell by changing the <td> tag's attribute, valign. Change one of your <td>'s to:

<td valign="bottom">

It should change the vertical position of the text to be in the bottom of the cell. Other options for valign are "top" and "middle".

Adding align="right" to your <td> tags will make the text line up along the right edge of the box. Try changing another one of your <td>'s to:

<td align="right">

Other options for align are "left" and "center".