66 lines
1.7 KiB
HTML
66 lines
1.7 KiB
HTML
<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>
|