document.write("<style type=\"text/css\">");
document.write(".cl1 { background : navy ; width : 300px ; table-layout : fixed ; }");
document.write(".cl2 { background : navy ; width : 300px ; table-layout : auto ; }");
document.write(".cl1 td,.cl2 td { background : white ; color : black ; }");
document.write(".r1c2 { width : 100px;}");
document.write(".r2c1 { width : 200px;}");
document.write(".r3c3 { width : 100px;}");
document.write("</style>");
document.write("<table><tr><td style=\"padding:1em 5px 5px 5px;\"><code>table-layout : fixed ;</code></td></tr>");
document.write("<tr><td style=\"padding:5px 5px 5px 5px;\">");
document.write("<table class=\"cl1\">");
document.write("<tr><td>[cl1]</td><td class=\"r1c2\">r1c2</td><td>r1c3</td></tr>");
document.write("<tr><td class=\"r2c1\"><em>r2c1</em></td><td>r2c2</td><td>r2c3</td></tr>");
document.write("<tr><td>r3c1</td><td>r3c2</td><td class=\"r3c3\">r3c3</td></tr>");
document.write("</table>");
document.write("</td></tr><tr><td style=\"padding:1em 5px 5px 5px;\"><code>table-layout : auto ;</code></td></tr><tr><td style=\"padding:5px 5px 5px 5px;\">");
document.write("<table class=\"cl2\">");
document.write("<tr><td>[cl2]</td><td class=\"r1c2\">r1c2</td><td>r1c3</td></tr>");
document.write("<tr><td class=\"r2c1\"><em>r2c1</em></td><td>r2c2</td><td>r2c3</td></tr>");
document.write("<tr><td>r3c1</td><td>r3c2</td><td class=\"r3c3\">r3c3</td></tr>");
document.write("</table>");
document.write("</td></tr></table>");