summaryrefslogtreecommitdiffstats
path: root/layout/reftests/writing-mode/tables/table-caption-left-1-ref.html
diff options
context:
space:
mode:
Diffstat (limited to 'layout/reftests/writing-mode/tables/table-caption-left-1-ref.html')
-rw-r--r--layout/reftests/writing-mode/tables/table-caption-left-1-ref.html65
1 files changed, 65 insertions, 0 deletions
diff --git a/layout/reftests/writing-mode/tables/table-caption-left-1-ref.html b/layout/reftests/writing-mode/tables/table-caption-left-1-ref.html
new file mode 100644
index 0000000000..4e4f38a724
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/table-caption-left-1-ref.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+html {
+ font: 0px sans-serif;
+}
+body > div {
+ margin-bottom: 10px;
+}
+.h {
+ writing-mode: horizontal-tb;
+}
+.vlr {
+ writing-mode: vertical-lr;
+}
+.vrl {
+ writing-mode: vertical-rl;
+}
+.t {
+ width: 200px;
+ height: 100px;
+ background: silver;
+}
+.c {
+ background: cyan;
+ text-align: center;
+ min-block-size: 20px;
+ font-size: 12px;
+ vertical-align: top;
+}
+</style>
+</head>
+<body>
+
+<div class="h">
+ <div class="c" style="display: inline-block; inline-size: min-content">table caption</div>
+ <div class="t" style="display: inline-block"></div>
+</div>
+
+<div class="h">
+ <div class="c" style="display: inline-block; inline-size: min-content">table caption</div>
+ <div class="t" style="display: inline-block"></div>
+</div>
+
+<div class="vlr">
+ <div class="c" style="display: inline-block; inline-size: min-content; vertical-align: bottom">table caption</div>
+ <div class="t" style="display: inline-block"></div>
+</div>
+
+<div class="vlr">
+ <div class="c" style="display: inline-block; inline-size: min-content; vertical-align: bottom">table caption</div>
+ <div class="t" style="display: inline-block"></div>
+</div>
+
+<div class="vrl">
+ <div class="c" style="display: inline-block; inline-size: min-content; vertical-align: top">table caption</div>
+ <div class="t" style="display: inline-block"></div>
+</div>
+
+<div class="vrl">
+ <div class="c" style="display: inline-block; inline-size: min-content; vertical-align: top">table caption</div>
+ <div class="t" style="display: inline-block"></div>
+</div>