Tricks using Tables

Actually, there are two solutions to this problem. One is to use the <PRE> tags for presenting preformatted text. The problem with this solution is that the text you are presenting must be properly aligned. If it is not- here is how to solve your problem very easily using tables.

Example

In the example I am using borders so you can see what is doing. If you do not want border, just remove the BORDER= attribute. It is best not to set it equal to 0 as some browsers may just see the BORDER attribute and put one there anyway.

Source code

<TABLE WIDTH=400 BORDER=1>
 <TR>
  <TH ALIGN=LEFT>Account Catagory</TH>
  <TH ALIGN=RIGHT>January</TH>

  <TH ALIGN=RIGHT>February</TH>
 </TR>
 <TR>
  <TD ALIGN=LEFT>Cash on Hand</TD>
  <TD ALIGN=RIGHT>$15,123.45</TD>

  <TD ALIGN=RIGHT>$20,123.45</TD>
 </TR>
 <TR>
  <TD ALIGN=LEFT>Stocks and Bonds</TD>
  <TD ALIGN=RIGHT>$5,233.00</TD>

  <TD ALIGN=RIGHT>$454.42</TD>
 </TR>
 <TR>
  <TD ALIGN=LEFT>Inventory</TD>
  <TD ALIGN=RIGHT>$155,212.00</TD>

  <TD ALIGN=RIGHT>$65,111.02</TD>
 </TR>
</TABLE>

See Also:

• I need to have two tables sit side by side, but no matter what I do, they end up stacked. What gives?
• How can I create tables with vivid colors with no spaces or lines between them?
• Why when I create a table with empty cells do I get what looks like a raised or miscolored cell where there is no data?
• I have a rather expensive painting I want to show on my site, but I can't afford a frame. What can I do?
• How can I have a fixed width left margin for use with a background graphic that has a dark left region?
• How can I present text in columns, like a newspaper?
• Columns are nice. How can I divide them with a line?
• How do you get your text into those pretty boxes?
• How to I get things to align properly within my tables?