| <!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| form { |
| -webkit-writing-mode: vertical-lr; |
| writing-mode: vertical-lr; |
| } |
| legend { |
| background: #fc0; |
| margin-right: 50px; |
| } |
| fieldset { background: #ddd; } |
| p { margin-left: 0px; } |
| </style> |
| <body> |
| <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> |
| <form> |
| <fieldset> |
| <legend>Legend</legend> |
| <p>There should be a 50px gap on the right to account for the margin-bottom on the legend.</p> |
| </fieldset> |
| </form> |
| </body> |
| </html> |
