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 margin-right: 50px; | 11 margin-right: 50px; |
12 } | 12 } |
13 fieldset { background: #ddd; } | 13 fieldset { background: #ddd; } |
14 p { margin-left: 0px; } | 14 p { margin-left: 0px; } |
15 </style> | 15 </style> |
16 <body> | 16 <body> |
17 <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 <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> |
18 <form> | 18 <form> |
19 <fieldset> | 19 <fieldset> |
20 <legend>Legend</legend> | 20 <legend>Legend</legend> |
21 <p>There should be a 50px gap on the right to account for the margin-bot
tom on the legend.</p> | 21 <p>There should be a 50px gap on the right to account for the margin-bot
tom on the legend.</p> |
22 </fieldset> | 22 </fieldset> |
23 </form> | 23 </form> |
24 </body> | 24 </body> |
25 </html> | 25 </html> |
OLD | NEW |