table layout

by weijarz

HTML

<table>
  <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
    <td>5</td>
    <td>6</td>
  </tr>
  <tr>
    <td colspan=2>1</td>
    <td>3</td>
    <td>4</td>
    <td>5</td>
    <td>6</td>
  </tr>
</table>

<table>
  <tr>
    <td colspan=2>1</td>
    <td colspan=4>2</td>
  </tr>
  <tr>
    <td>1</td>
    <td colspan=3>3</td>
    <td>4</td>
    <td>5</td>
  </tr>
</table>

CSS

table { width: 100%; border: 2px solid red; }
td { padding: 1em 2em; border: 1px solid #000; }