multi-column-1-ref.html 445 B

123456789101112131415161718192021222324252627282930
  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. width:10em;
  11. }
  12. h2, h3 {position:absolute; width:3em; background: #f00; color:#fff;}
  13. h2 { top: 0; left: 0; }
  14. h3 { bottom: 0; right: 0; }
  15. p, h2, h3 {margin:0;}
  16. p { visibility: hidden; }
  17. </style>
  18. </head>
  19. <body>
  20. <div>
  21. <h2>Test</h2>
  22. <h3>Test</h3>
  23. <p>XXX<br>XXXX<br>XXX<br>XXXX<br>XXX </p>
  24. </div>
  25. </body>
  26. </html>