<!DOCTYPE html ><html >
<head ><style >
html ,body {
color:black; background-color:white; font-size:16px; padding:0; margin:0;
}
.test {
overflow: hidden;
text-align:right;
width: 50px;
margin-bottom:1em ;
height: 20px;
white-space:nowrap;
/*border:1px solid red;width: 500px;*/
}
.rel { position:relative; text-align:left;}
input ,select ,fieldset ,textarea ,hr ,span {
border:1px solid black;
background: white;
color: black;
padding:0 40px;
}
iframe ,img { width: 80px; height:10px; }
select [size="4" ],iframe ,textarea ,hr { height:10px; margin:0; }
</style ></head >
<body >
<div style ="position:absolute; top:0; left:0;" >
<div class="test" ><fieldset style ="display:inline;" ></fieldset ></div >
<div class="test" ><fieldset style ="display:inline-block;" ></fieldset ></div >
<div class="test" ><fieldset style ="display:block;" ></fieldset ></div >
<div class="test" ><input type="button" ></div >
<div class="test" ><input type="button" style ="display:inline-block;" ></div >
<div class="test" ><input type="button" style ="display:list-item;" ></div >
<div class="test" ><input type="button" style ="display:block;" ></div >
<div class="test" ><input type="text" ></div >
<div class="test" ><input type="text" style ="display:inline-block;" ></div >
<div class="test" ><input type="text" style ="display:block;" ></div >
<div class="test" ><textarea ></textarea ></div >
<div class="test" ><textarea style ="display:inline-block;" ></textarea ></div >
<div class="test" ><textarea style ="display:block;" ></textarea ></div >
<div class="test" ><select size="1" style ="" ><option > <option > </select ></div >
<div class="test" ><select size="1" style ="display:block;" ><option > <option > </select ></div >
<div class="test" ><select size="4" style ="" ><option > <option > </select ></div >
<div class="test" ><select size="4" style ="display:block;" ><option > <option > </select ></div >
</div >
<div style ="position:absolute; top:0; left:100px;" >
<div class="test" ><iframe src="about:blank" style ="" ></iframe ></div >
<div class="test" ><iframe src="about:blank" style ="display:block" ></iframe ></div >
<div class="test" style ="text-align:left" > …</div >
<div class="test" style ="text-align:left" > …</div >
<div class="test" ><img style ="display:block;" src="../image/big.png" ></div >
<div class="test" ><x style ="display:inline-block; height:100px; width:100%; background:lime" >…</x></div >
<div class="test" ><hr style ="display:inline-block;vertical-align:top" ></div >
<div class="test" ><hr style ="display:block;" ></div >
<div class="test" >…</div >
<div class="test" ><span style ="display:inline-block;" ></span ></div >
<div class="test" ><span style ="display:inline-table;" ></span ></div >
<div class="test" ><span style ="display:list-item;" ></span ></div >
<div class="test" ><span style ="display:block;" ></span ></div >
<div class="test rel" >1<span style ="position:relative;" ></span ></div >
<div class="test rel" >2<span style ="position:absolute;" ></span ></div >
<div class="test rel" >3</div >
<div class="test rel" >4</div >
<div class="test" ><span style ="float:left" ></span ></div >
<div class="test" ><span style ="float:left; margin-left:-10px" ></span ></div >
<div class="test" ><span style ="float:right; margin-right:-10px" ></span ></div >
</div >
</body ></html >
Messung V0.5 C=98 H=99 G=98
¤ Dauer der Verarbeitung: 0.10 Sekunden
(vorverarbeitet)
¤
*© Formatika GbR, Deutschland