|
1 <!DOCTYPE html> |
|
2 <html> |
|
3 <head> |
|
4 <style type="text/css"> |
|
5 .block { |
|
6 height: 20px; |
|
7 background-color: green; |
|
8 } |
|
9 #table { |
|
10 width: 100px; |
|
11 } |
|
12 #caption { |
|
13 height: 20px; |
|
14 background-color: blue; |
|
15 } |
|
16 #cell { |
|
17 height: 20px; |
|
18 background-color: orange; |
|
19 } |
|
20 #spacer1 { |
|
21 height: 10px; |
|
22 } |
|
23 #spacer2 { |
|
24 height: 20px; |
|
25 } |
|
26 #spacer3 { |
|
27 height: 30px; |
|
28 } |
|
29 </style> |
|
30 </head> |
|
31 <body> |
|
32 <div class="block"></div> |
|
33 <div id="spacer1"></div> |
|
34 <div id="table"> |
|
35 <div id="cell"></div> |
|
36 <div id="spacer2"></div> |
|
37 <div id="caption"></div> |
|
38 </div> |
|
39 <div id="spacer3"></div> |
|
40 <div class="block"></div> |
|
41 </body> |
|
42 </html> |