Toggle navigation
☰
Home
HTML
CSS
Scripting
Database
Run
<!DOCTYPE html> <!-- Don't use this code - it demonstrates how NOT to do it! --> <html> <head> <title>My Example</title> <style> table { width: 100%; border: 0; } td.header { background-color: yellow; } td.sidebar { background-color: orange; width: 30%; vertical-align: top; } td.sidebar>ul { list-style: none; padding-left: 0; } td.article { background-color: #eeeeee; height: 200px; width: 70%; vertical-align: top; } td.footer { background-color: yellow; } </style> </head> <body> <table border="0"> <tr> <td colspan="2" class="header">Header</td> </tr> <tr> <td class="sidebar"> Left menu <ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3...</li> </ul> </td> <td class="article">Main body</td> </tr> <tr> <td colspan="2" class="footer">Footer</td> </tr> </table> </body> </html>
Preview