Skip to content

Instantly share code, notes, and snippets.

@kizu
Created December 30, 2011 17:14
Show Gist options
  • Save kizu/1540648 to your computer and use it in GitHub Desktop.
Save kizu/1540648 to your computer and use it in GitHub Desktop.
Testing text-align and direction on fieldset's legends
/* Testing text-align and direction on fieldset's legends */
.test1 {
text-align: right;
}
.test2 {
text-align: center;
}
.test3 {
direction: rtl;
}
.test3>legend {
direction: ltr;
}
<fieldset class="test1">
<legend>Wait for it…</legend>
</fieldset>
<fieldset class="test2">
<legend>Wait for it…</legend>
</fieldset>
<fieldset class="test3">
<legend>Wait for it…</legend>
</fieldset>
{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment