78 lines
1.8 KiB
HTML
78 lines
1.8 KiB
HTML
<html>
|
|
<head>
|
|
<style>
|
|
fieldset
|
|
{
|
|
-webkit-logical-width:200px;
|
|
-webkit-logical-height:100px;
|
|
margin:1em;
|
|
display:inline-block;
|
|
}
|
|
|
|
div
|
|
{
|
|
-webkit-logical-width:100px;
|
|
-webkit-logical-height:25px;
|
|
background-color:orange;
|
|
}
|
|
|
|
</style>
|
|
</head>
|
|
|
|
LTR fieldset with left/center/right text-align:<br>
|
|
|
|
<fieldset>
|
|
<legend style="text-align:left; margin-left:20px"><div></div></legend>
|
|
</fieldset>
|
|
|
|
<fieldset>
|
|
<legend style="text-align:right; margin-right:20px"><div></div></legend>
|
|
</fieldset>
|
|
|
|
<fieldset>
|
|
<legend style="text-align:center;"><div></div></legend>
|
|
</fieldset><br>
|
|
|
|
RTL fieldset with left/center/right text-align:<br>
|
|
|
|
<fieldset dir=rtl>
|
|
<legend style="text-align:left; margin-left:20px"><div></div></legend>
|
|
</fieldset>
|
|
|
|
<fieldset dir=rtl>
|
|
<legend style="text-align:right; margin-right:20px"><div></div></legend>
|
|
</fieldset>
|
|
|
|
<fieldset dir=rtl>
|
|
<legend style="text-align:center;"><div></div></legend>
|
|
</fieldset><br>
|
|
|
|
Vertical LTR fieldset with left/center/right text-align:<br>
|
|
|
|
<fieldset style="-webkit-writing-mode:vertical-lr">
|
|
<legend style="text-align:left; margin-top:20px"><div></div></legend>
|
|
</fieldset>
|
|
|
|
<fieldset style="-webkit-writing-mode:vertical-lr">
|
|
<legend style="text-align:right; margin-bottom:20px"><div></div></legend>
|
|
</fieldset>
|
|
|
|
<fieldset style="-webkit-writing-mode:vertical-lr">
|
|
<legend style="text-align:center"><div></div></legend>
|
|
</fieldset>
|
|
<br>
|
|
|
|
Vertical RTL fieldset with left/center/right text-align:<br>
|
|
|
|
<fieldset dir=rtl style="-webkit-writing-mode:vertical-lr">
|
|
<legend style="text-align:left; margin-top:20px"><div></div></legend>
|
|
</fieldset>
|
|
|
|
<fieldset dir=rtl style="-webkit-writing-mode:vertical-lr">
|
|
<legend style="text-align:right; margin-bottom:20px"><div></div></legend>
|
|
</fieldset>
|
|
|
|
<fieldset dir=rtl style="-webkit-writing-mode:vertical-lr">
|
|
<legend style="text-align:center"><div></div></legend>
|
|
</fieldset>
|