HTML colspan in CSS

css

Solution

There's no simple, elegant CSS analog for `colspan`.

Searches on this very issue will return a variety of solutions that include a bevy of alternatives, including absolute positioning, sizing, along with a similar variety of browser- and circumstance-specific caveats. Read, and make the best informed decision you can based on what you find.

Problem

I'm trying to construct a layout similar to the following: ``` +---+---+---+ | | | | +---+---+---+ | | +-----------+ ``` where the bottom is filling the space of the upper row. If this were an actual table, I could easily accomplish this with `<td colspan="3">`, but as I'm simply creating a table-like layout, I cannot use `<table>` tags. Is this possible using CSS?

Original source