| <html> |
| <head> |
| </head> |
| <body> |
| <p>Legend align test</p> |
| <fieldset> |
| <legend align="left">My Legend left</legend> <input/> |
| </fieldset> |
| <fieldset> |
| <legend align="center">My Legend center</legend> <input/> |
| </fieldset> |
| <fieldset> |
| <legend align="right">My Legend right</legend> <input/> |
| </fieldset> |
| <fieldset> |
| <legend>My Legend default</legend> <input/> |
| </fieldset> |
| <hr> |
| <p>Legend align test, RTL</p> |
| <span dir="RTL"> |
| <fieldset> |
| <legend align="left">My Legend left</legend> <input/> |
| </fieldset> |
| <fieldset> |
| <legend align="center">My Legend center</legend> <input/> |
| </fieldset> |
| <fieldset> |
| <legend align="right">My Legend right</legend> <input/> |
| </fieldset> |
| <fieldset> |
| <legend>My Legend default</legend> <input/> |
| </fieldset> |
| </span> |
| <hr> |
| <p>Legend align test with margin and padding</p> |
| <fieldset style="margin: 15px; padding: 15px"> |
| <legend align="left">My Legend left</legend> <input/> |
| </fieldset> |
| <fieldset style="margin: 15px; padding: 15px"> |
| <legend align="center">My Legend center</legend> <input/> |
| </fieldset> |
| <fieldset style="margin: 15px; padding: 15px"> |
| <legend align="right">My Legend right</legend> <input/> |
| </fieldset> |
| <fieldset style="margin: 15px; padding: 15px"> |
| <legend>My Legend default</legend> <input/> |
| </fieldset> |
| <hr> |
| <p>Legend align test with margin and padding, RTL</p> |
| <span dir="RTL"> |
| <fieldset style="margin: 15px; padding: 15px"> |
| <legend align="left">My Legend left</legend> <input/> |
| </fieldset> |
| <fieldset style="margin: 15px; padding: 15px"> |
| <legend align="center">My Legend center</legend> <input/> |
| </fieldset> |
| <fieldset style="margin: 15px; padding: 15px"> |
| <legend align="right">My Legend right</legend> <input/> |
| </fieldset> |
| <fieldset style="margin: 15px; padding: 15px"> |
| <legend>My Legend default</legend> <input/> |
| </fieldset> |
| </span> |
| </body> |
| </html> |
