legend-ref.html (3586B)
1 <!DOCTYPE HTML> 2 <html><head> 3 <title>Reference case for bug 740743</title> 4 <style type="text/css"> 5 6 html,body { 7 color:black; background-color:white; font-size:16px; padding:0; margin:0; 8 } 9 10 fieldset { padding: 2px; } 11 legend { padding: 0; } 12 span { 13 background: lime; 14 display: block; 15 padding-left: 2px; 16 padding-right: 2px; 17 } 18 19 .s10 { width:10px; height:10px; } 20 .h10 { height:10px; } 21 .w50 { width:50px; } 22 .hidden { overflow:hidden; } 23 .scroll { overflow:scroll; } 24 .auto { overflow:auto; } 25 26 .o { text-overflow: ellipsis; } 27 28 #inline span { display:inline; } 29 #inline-block span { display:inline-block; } 30 31 </style> 32 </head> 33 <body> 34 35 <fieldset><legend><span class="hidden s10"><b>Legend Test</b></span></legend></fieldset> 36 <fieldset><legend><span class="scroll s10">Legend Test</span></legend></fieldset> 37 <fieldset><legend><span class="auto s10">Legend Test</span></legend></fieldset> 38 <fieldset><legend><span class="hidden w50"><b>Legend Test</b></span></legend></fieldset> 39 <fieldset><legend><span class="scroll w50">Legend Test</span></legend></fieldset> 40 <fieldset><legend><span class="auto w50"><b>Legend Test</b></span></legend></fieldset> 41 <fieldset><legend><span class="hidden">Legend Test</span></legend></fieldset> 42 <fieldset><legend><span class="auto"><b>Legend Test</b></span></legend></fieldset> 43 <fieldset><legend><span class="auto"><b>Legend Test</b></span></legend></fieldset> 44 <fieldset><legend><span class="auto"><b>Legend Test</b></span></legend></fieldset> 45 46 <fieldset><legend><span class="hidden w50 o"><b>Legend Test</b></span></legend></fieldset> 47 <fieldset><legend><span class="hidden w50 o">Test Legend</span></legend></fieldset> 48 <fieldset><legend><span class="hidden o">Test Legend</span></legend></fieldset> 49 <fieldset><legend><span class="auto w50 o"><b>Legend Test</b></span></legend></fieldset> 50 <fieldset><legend align="right"><span class="hidden w50 o">Test Legend</span></legend></fieldset> 51 <fieldset><legend align="center"><span class="hidden w50 o">Test Legend</span></legend></fieldset> 52 53 <div id="inline"> 54 <span class="hidden s10"><b>Legend Test</b></span> 55 <span class="scroll s10">Legend Test</span> 56 <span class="auto s10">Legend Test</span> 57 <span class="hidden w50"><b>Legend Test</b></span> 58 <span class="scroll w50">Legend Test</span> 59 <span class="auto w50"><b>Legend Test</b></span> 60 <span class="hidden">Legend Test</span> 61 <span class="auto"><b>Legend Test</b></span> 62 63 <span class="hidden w50 o"><b>Legend Test</b></span> 64 <span class="hidden w50 o">Test Legend</span> 65 <span class="hidden o">Test Legend</span> 66 <span class="auto w50 o"><b>Legend Test</b></span> 67 <span class="hidden w50 o">Test Legend</span> 68 <span class="hidden w50 o">Test Legend</span> 69 </div> 70 71 <div id="inline-block"> 72 <span class="hidden s10"><b>Legend Test</b></span> 73 <span class="scroll s10">Legend Test</span> 74 <span class="auto s10">Legend Test</span> 75 <span class="hidden w50"><b>Legend Test</b></span> 76 <span class="scroll w50">Legend Test</span> 77 <span class="auto w50"><b>Legend Test</b></span> 78 <span class="hidden">Legend Test</span> 79 <span class="auto"><b>Legend Test</b></span> 80 <span class="auto"><b>Legend Test</b></span> 81 82 <span class="hidden w50 o"><b>Legend Test</b></span> 83 <span class="hidden w50 o">Test Legend</span> 84 <span class="hidden o">Test Legend</span> 85 <span class="auto w50 o"><b>Legend Test</b></span> 86 <span class="hidden w50 o">Test Legend</span> 87 <span class="hidden w50 o">Test Legend</span> 88 </div> 89 90 <span class="auto w50"><b>Legend Test</b></span> 91 <span><b>Legend Test</b></span> 92 <span><b>Legend Test</b></span> 93 94 </body> 95 </html>