Question

I have 3 divs and I cannot change the html dom:

<div id="a"/>
<div id="b"/>
<div id="c"/>

I need to create css file that displays those divs like the following table:

<table>
  <tr>
    <td id="a"></td>
    <td rowspan="2" id="c"></td>
  </tr>
  <tr>
    <td id="b"></td>
  </tr>
</table>

Is there any way to do it?

Answer 1

Have the first two divs display:inline-block to keep them on the same line. Make the bottom div the width of the top two plus padding.

Sorry for a bit vague.
Example here:
http://jsfiddle.net/3ZWGx/4/

–Fixed–