зеркало из https://github.com/mozilla/gecko-dev.git
48 строки
846 B
HTML
48 строки
846 B
HTML
|
<!DOCTYPE html>
|
||
|
<html>
|
||
|
<head>
|
||
|
<meta charset=utf-8>
|
||
|
<style>
|
||
|
@font-face {
|
||
|
font-family: test;
|
||
|
src: url(../fonts/NotoSansCJKjp-Regular.subset.otf);
|
||
|
}
|
||
|
body {
|
||
|
font-family: test, serif;
|
||
|
line-height: 2em;
|
||
|
}
|
||
|
p {
|
||
|
margin: 1em;
|
||
|
}
|
||
|
span {
|
||
|
display: inline-block;
|
||
|
inline-size: 9em; /* length of 9 standard CJK chars */
|
||
|
}
|
||
|
.v {
|
||
|
writing-mode: vertical-rl;
|
||
|
}
|
||
|
.green {
|
||
|
color: green;
|
||
|
background: green;
|
||
|
}
|
||
|
.overlay {
|
||
|
position: relative;
|
||
|
offset-block-start: -3em;
|
||
|
}
|
||
|
</style>
|
||
|
</head>
|
||
|
<body>
|
||
|
There should be no red:
|
||
|
<div>
|
||
|
<p><span> </p>
|
||
|
<p class="overlay"><span class="green"> </p>
|
||
|
<p><span> </p>
|
||
|
<p class="overlay"><span class="green"> </p>
|
||
|
</div>
|
||
|
<div class="v">
|
||
|
<p><span> </p>
|
||
|
<p class="overlay"><span class="green"> </p>
|
||
|
<p><span> </p>
|
||
|
<p class="overlay"><span class="green"> </p>
|
||
|
</div>
|