summaryrefslogtreecommitdiffstats
path: root/layout/reftests/columns/fieldset-columns-001-ref.html
diff options
context:
space:
mode:
Diffstat (limited to 'layout/reftests/columns/fieldset-columns-001-ref.html')
-rw-r--r--layout/reftests/columns/fieldset-columns-001-ref.html82
1 files changed, 82 insertions, 0 deletions
diff --git a/layout/reftests/columns/fieldset-columns-001-ref.html b/layout/reftests/columns/fieldset-columns-001-ref.html
new file mode 100644
index 0000000000..84b0580bb9
--- /dev/null
+++ b/layout/reftests/columns/fieldset-columns-001-ref.html
@@ -0,0 +1,82 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<style>
+a {
+ position: absolute;
+ width: 10px;
+ height: 10px;
+ top: 0;
+ left: 0;
+ background: blue;
+}
+f {
+ position: fixed;
+ width: 10px;
+ height: 10px;
+ bottom: 0;
+ left: 100px;
+ background: lime;
+}
+fieldset div {
+ columns: 2;
+ column-fill: auto;
+}
+fieldset {
+ border: 1px solid;
+}
+.rel {
+ position: relative;
+}
+</style>
+<fieldset class="rel" style="overflow:hidden; width:300px; height:200px;">
+ <legend>Legend</legend>
+<div style="columns: 2; width:100%; height:100%;">
+ <p>X
+ <p>X
+ <p>X
+ <p>X
+ <p>X
+ <p>X
+ <p>X
+ <p>X
+ <p>X
+ <p>X
+ <p>X
+ <p>X
+ <p>X
+ <p>X
+ <p>X
+ <p>X
+<a></a><f></f>
+</div>
+</fieldset>
+<fieldset class="rel" style="width:600px; height:7em; overflow:hidden">
+ <legend>Legend</legend>
+<div style="columns: 3; column-gap:2em; column-rule:3px solid; column-width:3em; width:100%; height:100%">
+ <p>X
+ <p>X
+ <p>X
+ <p>X
+ <p>X
+ <p>X
+<a></a><f style="left:120px"></f>
+</div>
+</fieldset>
+<fieldset style="overflow:hidden; width:300px; height:2em;">
+ <legend>Legend</legend>
+<div>
+ <p>X
+<a></a><f style="left:140px"></f>
+</div>
+</fieldset>
+<fieldset style="width:600px; height:2em">
+ <legend>Legend</legend>
+<div>
+ <p>X
+<a></a><f style="left:160px"></f>
+</div>
+</fieldset>
+
+</body>
+</html>