OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <style> | 4 <style> |
5 form { | 5 form { |
6 -webkit-writing-mode: vertical-lr; | 6 -webkit-writing-mode: vertical-lr; |
7 writing-mode: vertical-lr; | 7 writing-mode: vertical-lr; |
8 } | 8 } |
9 legend { | 9 legend { |
10 background: #fc0; | 10 background: #fc0; |
11 } | 11 } |
12 fieldset { background: #ddd; } | 12 fieldset { background: #ddd; } |
13 p { margin-left: 50px; } | 13 p { margin-left: 50px; } |
14 </style> | 14 </style> |
15 <body> | 15 <body> |
16 <div>bug <a href="https://bugs.webkit.org/show_bug.cgi?id=35981">35981</a>: Can'
t apply a bottom-margin to the legend element</div> | 16 <div>bug <a href="https://bugs.webkit.org/show_bug.cgi?id=35981">35981</a>: Can'
t apply a bottom-margin to the legend element</div> |
17 <form> | 17 <form> |
18 <fieldset> | 18 <fieldset> |
19 <legend>Legend</legend> | 19 <legend>Legend</legend> |
20 <p>There should be a 50px gap on the right to account for the margin-bot
tom on the legend.</p> | 20 <p>There should be a 50px gap on the right to account for the margin-bot
tom on the legend.</p> |
21 </fieldset> | 21 </fieldset> |
22 </form> | 22 </form> |
23 </body> | 23 </body> |
24 </html> | 24 </html> |
OLD | NEW |