<!
DOCTYPE html >
<
html >
<
head >
<
title >Bug 1141867 - Contiguous right-floating boxes with vertical writing mode</
title >
<!-- based on testcases from Gérard Talbot, see https://bugzilla.mozilla.org/show_bug.cgi?id=1141867 -->
<
meta charset=
"utf-8" >
<
style type=
"text/css" >
@font-face {
font-family: Ahem;
src: url(../fonts/Ahem.ttf);
}
body {
margin: 8px;
}
p {
clear: both;
}
div .floated-right {
color: green;
float: right;
-ah-writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
writing-mode: tb-rl; /* IE 11 */
writing-mode: vertical-rl;
font : 20px/20px Ahem;
}
div #reference-overlapped-red {
background-color: red;
width: 100px;
height: 100px;
position: absolute;
right: 8px;
top: 8px;
z-index: -1;
}
</
style >
</
head >
<
body >
<
div class=
"floated-right" >abcde</
div >
<
div class=
"floated-right" >fghij</
div >
<
div class=
"floated-right" >klmno</
div >
<
div class=
"floated-right" >qrstu</
div >
<
div class=
"floated-right" >vwxyz</
div >
<
div id=
"reference-overlapped-red" ></
div >
<p>Test passes if there is a filled green square and <
strong >no red</
strong >.</p>
</
body >
</
html >
Messung V0.5 C=97 H=98 G=97
¤ Dauer der Verarbeitung: 0.12 Sekunden
(vorverarbeitet)
¤
*© Formatika GbR, Deutschland