content-inserted-002.xhtml 934 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <title>Content Appended in Pagination before ::after</title>
  5. <style type="text/css">
  6. body {
  7. font-size: 16px;
  8. }
  9. #colset {
  10. height: 200px;
  11. width: 450px;
  12. -moz-column-width: 150px;
  13. -moz-column-gap: 0;
  14. -moz-column-fill: auto;
  15. border: 3px solid silver;
  16. }
  17. #x {
  18. height: 500px;
  19. }
  20. #x:after {
  21. display: block;
  22. content: "";
  23. border-top: 4px solid blue;
  24. }
  25. #shift {
  26. height: 201px;
  27. border-bottom: 4px solid blue;
  28. }
  29. </style>
  30. </head>
  31. <body onload="document.getElementById('x').appendChild(document.createTextNode('This must be in the second column between two 4px blue lines.'))">
  32. <div id="colset">
  33. <div id="x">
  34. <div id="shift"></div>
  35. </div>
  36. </div>
  37. </body>
  38. </html>