|
1 <html> |
|
2 <head> |
|
3 <style> |
|
4 body { margin: 0; } |
|
5 div.a, div.b { display: inline-block; } |
|
6 div.a { width: 200px; background: blue; } |
|
7 div.b { width: 200px; background: green; } |
|
8 td.c { width: 100%; background: orange; } |
|
9 div.d { width: 100px; background: purple; } |
|
10 </style> |
|
11 </head> |
|
12 <body> |
|
13 The blue and green divs should be on the same line. |
|
14 <table cellspacing=0 cellpadding=0> |
|
15 <tr><td> |
|
16 <table cellspacing=0 cellpadding=0> |
|
17 <tr> |
|
18 <td colspan="2"><div class="a">a</div><div class="b">b</div></td> |
|
19 </tr> |
|
20 <tr> |
|
21 <td class="c">c</td> |
|
22 <td><div class="d">d</div></td> |
|
23 </tr> |
|
24 </table> |
|
25 </td></tr> |
|
26 </table> |
|
27 </body> |
|
28 </html> |