summaryrefslogtreecommitdiffstats
path: root/layout/reftests/forms/legend/legend-ref.html
blob: 368484171474ac329af2f56d124569f3cc1fcc7d (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
<!DOCTYPE HTML>
<html><head>
    <title>Reference case for bug 740743</title>
    <style type="text/css">

        html,body {
            color:black; background-color:white; font-size:16px; padding:0; margin:0;
        }
	
fieldset { padding: 2px; }
legend { padding: 0; }
span {
   background: lime;
   display: block;
   padding-left: 2px;
   padding-right: 2px;
}

.s10 { width:10px; height:10px; }
.h10 { height:10px; }
.w50 { width:50px; }
.hidden { overflow:hidden; }
.scroll { overflow:scroll; }
.auto { overflow:auto; }

.o { text-overflow: ellipsis; }

#inline span { display:inline; }
#inline-block span { display:inline-block; }

    </style>
</head>
<body>

<fieldset><legend><span class="hidden s10"><b>Legend Test</b></span></legend></fieldset>
<fieldset><legend><span class="scroll s10">Legend Test</span></legend></fieldset>
<fieldset><legend><span class="auto s10">Legend Test</span></legend></fieldset>
<fieldset><legend><span class="hidden w50"><b>Legend Test</b></span></legend></fieldset>
<fieldset><legend><span class="scroll w50">Legend Test</span></legend></fieldset>
<fieldset><legend><span class="auto w50"><b>Legend Test</b></span></legend></fieldset>
<fieldset><legend><span class="hidden">Legend Test</span></legend></fieldset>
<fieldset><legend><span class="auto"><b>Legend Test</b></span></legend></fieldset>
<fieldset><legend><span class="auto"><b>Legend Test</b></span></legend></fieldset>
<fieldset><legend><span class="auto"><b>Legend Test</b></span></legend></fieldset>

<fieldset><legend><span class="hidden w50 o"><b>Legend Test</b></span></legend></fieldset>
<fieldset><legend><span class="hidden w50 o">Test Legend</span></legend></fieldset>
<fieldset><legend><span class="hidden o">Test Legend</span></legend></fieldset>
<fieldset><legend><span class="auto w50 o"><b>Legend Test</b></span></legend></fieldset>
<fieldset><legend align="right"><span class="hidden w50 o">Test Legend</span></legend></fieldset>
<fieldset><legend align="center"><span class="hidden w50 o">Test Legend</span></legend></fieldset>

<div id="inline">
<span class="hidden s10"><b>Legend Test</b></span>
<span class="scroll s10">Legend Test</span>
<span class="auto s10">Legend Test</span>
<span class="hidden w50"><b>Legend Test</b></span>
<span class="scroll w50">Legend Test</span>
<span class="auto w50"><b>Legend Test</b></span>
<span class="hidden">Legend Test</span>
<span class="auto"><b>Legend Test</b></span>

<span class="hidden w50 o"><b>Legend Test</b></span>
<span class="hidden w50 o">Test Legend</span>
<span class="hidden o">Test Legend</span>
<span class="auto w50 o"><b>Legend Test</b></span>
<span class="hidden w50 o">Test Legend</span>
<span class="hidden w50 o">Test Legend</span>
</div>

<div id="inline-block">
<span class="hidden s10"><b>Legend Test</b></span>
<span class="scroll s10">Legend Test</span>
<span class="auto s10">Legend Test</span>
<span class="hidden w50"><b>Legend Test</b></span>
<span class="scroll w50">Legend Test</span>
<span class="auto w50"><b>Legend Test</b></span>
<span class="hidden">Legend Test</span>
<span class="auto"><b>Legend Test</b></span>
<span class="auto"><b>Legend Test</b></span>

<span class="hidden w50 o"><b>Legend Test</b></span>
<span class="hidden w50 o">Test Legend</span>
<span class="hidden o">Test Legend</span>
<span class="auto w50 o"><b>Legend Test</b></span>
<span class="hidden w50 o">Test Legend</span>
<span class="hidden w50 o">Test Legend</span>
</div>

<span class="auto w50"><b>Legend Test</b></span>
<span><b>Legend Test</b></span>
<span><b>Legend Test</b></span>

</body>
</html>