|
1 <!DOCTYPE HTML> |
|
2 <html> |
|
3 <head> |
|
4 <style type="text/css"> |
|
5 div { |
|
6 color: #222; |
|
7 padding: 10px; |
|
8 border: 2px solid; |
|
9 position:relative; |
|
10 |
|
11 width:10em; |
|
12 } |
|
13 |
|
14 h2, h3 {position:absolute; width:3em; background: #f00; color:#fff;} |
|
15 h2 { top: 0; left: 0; } |
|
16 h3 { bottom: 0; right: 0; } |
|
17 |
|
18 p, h2, h3 {margin:0;} |
|
19 p { visibility: hidden; } |
|
20 </style> |
|
21 </head> |
|
22 <body> |
|
23 <div> |
|
24 <h2>Test</h2> |
|
25 <h3>Test</h3> |
|
26 <p>XXX<br>XXXX<br>XXX<br>XXXX<br>XXX </p> |
|
27 </div> |
|
28 </body> |
|
29 </html> |