Ring Layout with Table

by rulokc

HTML

<table border="1">
  <tr>
    <td colspan="2">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis illo cum aliquam? Ratione ducimus qui possimus harum porro facilis dignissimos. Molestias eveniet ab nesciunt excepturi aspernatur? Aspernatur excepturi tempora, perspiciatis.</td>
    <td rowspan="2">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis illo cum aliquam? Ratione ducimus qui possimus harum porro facilis dignissimos. Molestias eveniet ab nesciunt excepturi aspernatur? Aspernatur excepturi tempora, perspiciatis.</td>
  </tr>
  <tr>
    <td rowspan="2">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis illo cum aliquam? Ratione ducimus qui possimus harum porro facilis dignissimos. Molestias eveniet ab nesciunt excepturi aspernatur? Aspernatur excepturi tempora, perspiciatis.</td>
    <td>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis illo cum aliquam? Ratione ducimus qui possimus harum porro facilis dignissimos. Molestias eveniet ab nesciunt excepturi aspernatur? Aspernatur excepturi tempora, perspiciatis.</td>
  </tr>
  <tr>
    <td colspan="2">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis illo cum aliquam? Ratione ducimus qui possimus harum porro facilis dignissimos. Molestias eveniet ab nesciunt excepturi aspernatur? Aspernatur excepturi tempora, perspiciatis.</td>
  </tr>
</table>

CSS

table {
  width: 100%;
}
td {
  vertical-align: top;
}