content-inserted-006.xhtml 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  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 (alternate)</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. height: 220px;
  23. content: "";
  24. border-top: 4px solid blue;
  25. }
  26. #shift {
  27. height: 201px;
  28. border-bottom: 4px solid blue;
  29. }
  30. #overflow {
  31. height: 700px;
  32. }
  33. </style>
  34. </head>
  35. <body onload="document.getElementById('x').appendChild(document.createTextNode('This must be in the second column between two 4px blue lines.'))">
  36. <div id="colset">
  37. <div id="x">
  38. <div id="shift">
  39. <div id="overflow"></div>
  40. </div
  41. ></div>
  42. </div>
  43. </body>
  44. </html>