<!
DOCTYPE HTML >
<!-- Any copyright is dedicated to the Public Domain. http://creativecommons.org/publicdomain/zero/1.0/
<
html ><
head >
<
meta charset=
"utf-8" >
<
title >Test simple
track sizing and grid item layout</
title >
<
style >
html ,
body {
color:black; background-color:white;
font -size:
16 px; padding:
0 ; margin:
0 ;
}
span {
position: absolute;
border:
3 px dashed;
}
span .bg {
position: absolute;
background: lime;
border:
0 none;
}
#item1 { top:
50 px; left:
11 px; width:
21 px; height:
37 px; }
#item2 { top:
50 px; left:
11 px; width:
15 px; height:
31 px; }
#item3 { top:
3 px; left:
48 px; width:
41 px; height:
37 px; }
#item4 { top:
3 px; left:
48 px; width:
35 px; height:
31 px; }
#item5 { top:
3 px; left:
105 px; width:
57 px; height:
37 px; }
#item6 { top:
0 px; left:
94 px; width:
67 px; height:
41 px; }
#item7 { top:
94 px; left:
11 px; width:
500 px; height:
40 px; }
#item8 { top:
141 px; left:
0 px; width:
94 px; height:
10 px; }
</
style >
</
head >
<
body >
<
div class=
"grid" >
<
span id=
"item1" class=
"bg" ></
span >
<
span id=
"item2" >
1 </
span >
<
span id=
"item3" class=
"bg" ></
span >
<
span id=
"item4" >
2 </
span >
<
span id=
"item5" class=
"bg" ></
span >
<
span id=
"item6" >
3 </
span >
<
span id=
"item7" class=
"bg" >
4 </
span >
<
span id=
"item8" class=
"bg" >
5 </
span >
</
div >
</
body >
</
html >
Messung V0.5 in Prozent C=98 H=100 G=98
¤ Dauer der Verarbeitung: 0.9 Sekunden
(vorverarbeitet am 2026-06-05)
¤ *© Formatika GbR, Deutschland
