border-breaking-003-cols.xhtml 941 B

1234567891011121314151617181920212223242526272829303132333435363738394041
  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>Pagination with Borders</title>
  5. <style type="text/css">
  6. .container {
  7. border-bottom: 10px solid aqua;
  8. }
  9. .overflow {
  10. height: 175px;
  11. border-bottom: solid 10px blue;
  12. }
  13. .rainbow {
  14. border-top: 10px solid blue;
  15. border-bottom: 10px solid aqua;
  16. }
  17. .multicol {
  18. height: 200px;
  19. width: 300px;
  20. -moz-column-width: 150px;
  21. -moz-column-gap: 0;
  22. -moz-column-fill: auto;
  23. border: solid silver;
  24. }
  25. </style>
  26. </head>
  27. <body>
  28. There must be two continuous 10px lines at the top
  29. of the gray box, the top one blue and the bottom one
  30. aqua.
  31. <div class="multicol">
  32. <div class="rainbow"></div>
  33. <div class="container">
  34. <div class="overflow">
  35. </div>
  36. </div>
  37. </div>
  38. </body>
  39. </html>