I have created this html program in which I want a table to show the three boxs in equal size. However, it does not show each section evenly. Please help.
<table width="100%" ><tr>
<td>
<table border="0" bgcolor="WHITE" width="100%" >
<td><FONT COLOR="black" size="2"><b>
If you want to publish a picture .</b></font>
</td></table>
</td>
<td>
<table border="0" bgcolor="WHITE" width="100%" valign="top"><td>
<FONT COLOR="black" size="2">
<b> RATES FOR EACH TYPE OF SERVICE ARE LISTED ON THE APPROPRIATE WEBPAGE.<br>
<font color="green">HOUSEHOLD ITEMS </b></font><br
</td></table>
</td>
<td>
<table border="0" bgcolor="white" width="100%"><td>
<CENTER>
<A HREF="mailto:"><FONT size="3" COLOR="RED"><b>TO CONTACT US, CLICK THIS <br></font></A></center><br>
<Center><A HREF="mailto:"><font size="2">IF YOU WANT TO COMMENT OR MAKE SUGGESTIONS, CLICK THIS MESSAGE. </A> <br>
<FONT COLOR="tomato" SIZE="2"><B><CENTER>HOW DID YOU LEARN ABOUT AND WHAT IS YOUR OPINION OF THE WEBSITE. Please let us know BY CLICKING THE VOTE CASTER :<br>
<a href=" CASTER</a></center></font>
</td></table>
</td></tr></table>
<table width="100%" ><tr>
<td>
<table border="0" bgcolor="WHITE" width="100%" >
<td><FONT COLOR="black" size="2"><b>
If you want to publish a picture .</b></font>
</td></table>
</td>
<td>
<table border="0" bgcolor="WHITE" width="100%" valign="top"><td>
<FONT COLOR="black" size="2">
<b> RATES FOR EACH TYPE OF SERVICE ARE LISTED ON THE APPROPRIATE WEBPAGE.<br>
<font color="green">HOUSEHOLD ITEMS </b></font><br
</td></table>
</td>
<td>
<table border="0" bgcolor="white" width="100%"><td>
<CENTER>
<A HREF="mailto:"><FONT size="3" COLOR="RED"><b>TO CONTACT US, CLICK THIS <br></font></A></center><br>
<Center><A HREF="mailto:"><font size="2">IF YOU WANT TO COMMENT OR MAKE SUGGESTIONS, CLICK THIS MESSAGE. </A> <br>
<FONT COLOR="tomato" SIZE="2"><B><CENTER>HOW DID YOU LEARN ABOUT AND WHAT IS YOUR OPINION OF THE WEBSITE. Please let us know BY CLICKING THE VOTE CASTER :<br>
<a href=" CASTER</a></center></font>
</td></table>
</td></tr></table>