legend-padding-2.html (872B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Testcase for bug 1483499</title> 5 <style> 6 html { writing-mode: vertical-rl } 7 legend { 8 background: yellow; 9 border: 1px solid brown; 10 } 11 </style> 12 </head> 13 <body> 14 <!-- Test: legend default styling shouldn't be affected 15 by presence of a display:contents wrapper: --> 16 <fieldset> 17 <div style="display: contents"> 18 <legend>DisplayContentsWrapper</legend> 19 </div> 20 </fieldset> 21 <br> 22 23 <!-- Test: legend should get the same 2px of inline-axis padding, even 24 if it's not inside of a fieldset at all. --> 25 <legend>JustALegend</legend> 26 <br> 27 28 <!-- ...and if it's nested, each nesting level will add 2px of padding. --> 29 <legend> 30 <legend>NestedLegend</legend> 31 </legend> 32 <br> 33 34 <fieldset> 35 <legend> 36 <legend> 37 <legend>NestedLegendInFieldset</legend> 38 </legend> 39 </legend> 40 </fieldset> 41 42 </body> 43 </html>