CSS table allow you to set the layout of a table.
Example…
<html>
<head>
<style type=”text/css”>
table.freedom
{
table-layout: automatic
}
</style>
</head>
<body>
<table class=”freedom” border=”1″ width=”100%”>
<tr>
<td width=”20%”>text123456788888888888</td>
<td width=”40%”>text1111111</td>
<td width=”40%”>text</td>
</tr>
</table>
| text123456788888888888 | text1111111 | text |
<html>
<head>
<style type=”text/css”>
table
{
border-collapse: separate;
empty-cells: show
}
</style>
</head>
<body>
<table border=”1″>
<tr>
<td>Honey</td>
<td>Rafe</td>
</tr>
<tr>
<td>Sandeep</td>
<td></td>
</tr>
</table>
</body>
</html>
| Honey | Rafe |
| Sandeep |
<html>
<head>
<style type=”text/css”>
table.text
{
border-collapse: collapse
}
table.text1
{
border-collapse: separate
}
</style>
</head>
<body>
<table class=”text” border=”1″>
<tr>
<td>Honey</td>
<td>Rafe</td>
</tr>
<tr>
<td>Sandeep</td>
<td>Anand</td>
</tr>
</table>
<br />
<table class=”text1″ border=”1″>
<tr>
<td>Honey</td>
<td>Rafe</td>
</tr>
<tr>
<td>Sandeep</td>
<td>Anand</td>
</tr>
</table>
</body>
</html>
| Honey | Rafe |
| Sandeep | Anand |
| Honey | Rafe |
| Sandeep | Anand |