CodePen Embed - HTML Table-Based Layout

<html>
<head>
  <style>
    table { width: 100%; border-collapse: collapse;}
    td { border: 1px solid black; padding: 10px; text-align: center;}
  </style>
</head>
<body>
<table>
  <tr>
    <td colspan="3">Header</td>
  </tr>
  <tr>
    <td>Navigation</td>
    <td>Main Content</td>
    <td>Sidebar</td>
  </tr>
  <tr>
    <td colspan="3">Footer</td>
  </tr>
</table>
</body>
</html>

This Pen is owned by Training Course on CodePen.

See more by @Training-Course on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.