content-inserted-009.xhtml 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  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. #shift {
  18. height: 201px;
  19. border-bottom: 2px solid blue;
  20. }
  21. #overflow {
  22. height: 500px;
  23. }
  24. div:not([id]) {
  25. border-top: 2px solid blue;
  26. }
  27. #x {
  28. border-bottom: 4px solid blue;
  29. }
  30. </style>
  31. </head>
  32. <body onload="document.getElementById('span').insertBefore(document.createElement('div'), document.getElementById('x'))">
  33. <div id="colset">
  34. <span id="span">
  35. <div id="shift">
  36. <div id="overflow"></div>
  37. </div
  38. ><div id="x">This must be in the second column between two 4px blue lines.</div
  39. ></span
  40. ></div>
  41. </body>
  42. </html>