<!
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:
8 px;
}
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 :
20 px/
20 px Ahem;
}
div #reference-overlapped-red {
background-color: red;
width:
100 px;
height:
100 px;
position: absolute;
right:
8 px;
top:
8 px;
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 in Prozent C=94 H=95 G=94
¤ Dauer der Verarbeitung: 0.8 Sekunden
(vorverarbeitet am 2026-06-06)
¤
*© Formatika GbR, Deutschland