Some simple html table code problem

[epocal]

I hope the image describes as good as possible my code problem :



As you can see the tables don't blend with each other, example the Quest Information levels like 150, 220, 1000 are more far away then the General Information table values like 5x experience.

I think its a Indent option problem at table but I've tried 100 times and with padding too and couldn't make it. All tables should look the same, and their values to be centered the same.

Here is the HTML code, tell me what to fix ?

<ul>
<li><span style="font-size: small;"><span style="text-decoration: underline;"><strong>General Information</strong></span></span></li>
</ul>
<table style="height: 196px;" border="1" width="100%" align="center">
<tbody>
<tr>
<td>Experience :<br /></td>
<td style="text-align: center;">x5</td>
</tr>
<tr>
<td>Master level experience :<br /></td>
<td style="text-align: center;">x5</td>
</tr>
<tr>
<td>Drop :<br /></td>
<td style="text-align: center;">Global scripted<br /></td>
</tr>
<tr>
<td>Version :<br /></td>
<td style="text-align: center;">Season 6 Episode 3<br /></td>
</tr>
<tr>
<td>Max level :<br /></td>
<td style="text-align: center;">1000<br /></td>
</tr>
<tr>
<td>Points Per Level :<br /></td>
<td style="text-align: center;">5/7<br /></td>
</tr>
<tr>
<td>Guild Create Level : <br /></td>
<td style="text-align: center;">100<br /></td>
</tr>
<tr>
<td>Bless Bug :<br /></td>
<td style="text-align: center;"><span style="color: #ff0000;">OFF</span><br /></td>
</tr>
<tr>
<td>Max Stats :<br /></td>
<td style="text-align: center;">32000<br /></td>
</tr>
<tr>
<td>Reset option :<br /></td>
<td style="text-align: center;"><span style="color: #ff0000;">OFF</span><br /></td>
</tr>
<tr>
<td>Grand reset option :<br /></td>
<td style="text-align: center;"><span style="color: #ff0000;">OFF</span><br /></td>
</tr>
<tr>
<td>Master level reset option :<br /></td>
<td style="text-align: center;"><span style="color: #ff0000;">OFF</span><br /></td>
</tr>
<tr>
<td>Elf soldier buff : <br /></td>
<td style="text-align: center;">180<br /></td>
</tr>
<tr>
<td>PVP Server :<br /></td>
<td style="text-align: center;"><span style="color: #00ff00;">On</span><br /></td>
</tr>
<tr>
<td>Buy full option items :<br /></td>
<td style="text-align: center;"><span style="color: #ff0000;">OFF</span><br /></td>
</tr>
<tr>
<td>Donate for full option items :<br /></td>
<td style="text-align: center;"><span style="color: #ff0000;">OFF</span><br /></td>
</tr>
</tbody>
</table>
<ul>
<li><span style="font-size: small;"><span style="text-decoration: underline;"><strong>Quest Information</strong></span></span></li>
</ul>
<table border="1" width="100%" align="center">
<tbody>
<tr>
<td>1st Quest level required :<br /></td>
<td style="text-align: center;">150</td>
</tr>
<tr>
<td>2nd Quest level required :<br /></td>
<td style="text-align: center;">220</td>
</tr>
<tr>
<td>3rd Quest level required :</td>
<td style="text-align: center;">1000<br /></td>
</tr>
</tbody>
</table>
<ul>
<li><span style="font-size: small;"><span style="text-decoration: underline;"><strong>Create character Information</strong></span></span></li>
</ul>
<table border="1" width="100%" align="center">
<tbody>
<tr>
<td>Magic Gladiator level required :<br /></td>
<td style="text-align: center;">220</td>
</tr>
<tr>
<td>Dark Lord level required :<br /></td>
<td style="text-align: center;">250</td>
</tr>
<tr>
<td>Summoner level required :</td>
<td style="text-align: center;">300<br /></td>
</tr>
<tr>
<td>Rage Fighter level required :</td>
<td style="text-align: center;">350<br /></td>
</tr>
</tbody>
</table>

Thank you in advance !

[MentaL]

[jacubb]

Add to each td tag width. Example:

<tr>
<td width="50%">some text</td>
<td>some text 2</td>
</tr> 

[epocal]

Add to each td tag width. Example:

<tr>
<td width="50%">some text</td>
<td>some text 2</td>
</tr> 

Thank you very much !