зеркало из https://github.com/mozilla/gecko-dev.git
66 строки
1.5 KiB
HTML
66 строки
1.5 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="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>
|