<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>HTML Table Layout</title> </head> <body style="margin:0px;"> <table style="width:100%; border-collapse:collapse; font:14px Arial,sans-serif;"> <tr> <td colspan="2" style="padding:15px 25px; background-color:skyblue;"> <h1 style="font-size:30px;">simmanchith Tutorial</h1> </td> </tr> <tr style="height:100px;"> <td style="width:25%; padding:20px; background-color:purple; vertical-align: top;"> <ul style="list-style:none; padding:0px; line-height:24px;"> <li><a href="#" style="color:blue;">Home</a></li> <li><a href="#" style="color:red;">About</a></li> <li><a href="#" style="color:yellow;">Contact</a></li> </ul> </td> <td style="padding:20px; background-color:#f2f2f2; vertical-align:top;"> <h2>Welcome to simmanchith website</h2> <p>How to create websites.....</p> </td> </tr> <tr> <td colspan="2" style="padding:5px; background-color:skyblue; text-align:center;"> <p>© 2012 Sri Sivam Technologies. All rights reserved. </p> </td> </tr> </table> </body> </html>