mirror of
https://github.com/classilla/tenfourfox.git
synced 2024-10-22 02:25:05 +00:00
66 lines
1.6 KiB
HTML
66 lines
1.6 KiB
HTML
|
<!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="t" style="display: inline-block"></div>
|
||
|
<div class="c" style="display: inline-block; inline-size: -moz-min-content">table caption</div>
|
||
|
</div>
|
||
|
|
||
|
<div class="h">
|
||
|
<div class="t" style="display: inline-block"></div>
|
||
|
<div class="c" style="display: inline-block; inline-size: -moz-min-content">table caption</div>
|
||
|
</div>
|
||
|
|
||
|
<div class="vlr">
|
||
|
<div class="t" style="display: inline-block"></div>
|
||
|
<div class="c" style="display: inline-block; inline-size: -moz-min-content; vertical-align: bottom">table caption</div>
|
||
|
</div>
|
||
|
|
||
|
<div class="vlr">
|
||
|
<div class="t" style="display: inline-block"></div>
|
||
|
<div class="c" style="display: inline-block; inline-size: -moz-min-content; vertical-align: bottom">table caption</div>
|
||
|
</div>
|
||
|
|
||
|
<div class="vrl">
|
||
|
<div class="t" style="display: inline-block"></div>
|
||
|
<div class="c" style="display: inline-block; inline-size: -moz-min-content; vertical-align: top">table caption</div>
|
||
|
</div>
|
||
|
|
||
|
<div class="vrl">
|
||
|
<div class="t" style="display: inline-block"></div>
|
||
|
<div class="c" style="display: inline-block; inline-size: -moz-min-content; vertical-align: top">table caption</div>
|
||
|
</div>
|