Difference between revisions of "Template:Su"
From silvesti
| Line 14: | Line 14: | ||
|l|left=left | |l|left=left | ||
|left}};">{{{p|{{{1|}}}}}}<br>{{{b|{{{2|}}}}}}</span> | |left}};">{{{p|{{{1|}}}}}}<br>{{{b|{{{2|}}}}}}</span> | ||
| + | |||
| + | == Notes == | ||
| + | The example below is cleaner, but does not work as expected in IE. | ||
| + | <pre> | ||
| + | <span class="over-under" {{#if:{{{3|}}}|style="text-align:{{{3}}};"|}}><sup>{{{1|}}}</sup><br><span>{{{1|}}} {{{2|}}}</span><sub>{{{2|}}}</sub></span> | ||
| + | |||
| + | .over-under { | ||
| + | display:inline-block;text-align:center;font-weight:bold;text-transform:uppercase; | ||
| + | font-size:50%;margin-bottom:-0.25em;vertical-align:-0.25em;line-height:1em;} | ||
| + | .over-under>sup, .over-under>sub, .over-under>br { | ||
| + | -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; | ||
| + | font-size:inherit;line-height:inherit;vertical-align:baseline;} | ||
| + | .over-under>span { | ||
| + | position:absolute;left:-9999px;top:auto;text-transform:none; | ||
| + | width:1px;height:1px;overflow:hidden;} | ||
| + | </pre> | ||
</noinclude> | </noinclude> | ||
Latest revision as of 19:43, 26 November 2018
|
Notes
The example below is cleaner, but does not work as expected in IE.
<span class="over-under" {{#if:{{{3|}}}|style="text-align:{{{3}}};"|}}><sup>{{{1|}}}</sup><br><span>{{{1|}}} {{{2|}}}</span><sub>{{{2|}}}</sub></span>
.over-under {
display:inline-block;text-align:center;font-weight:bold;text-transform:uppercase;
font-size:50%;margin-bottom:-0.25em;vertical-align:-0.25em;line-height:1em;}
.over-under>sup, .over-under>sub, .over-under>br {
-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;
font-size:inherit;line-height:inherit;vertical-align:baseline;}
.over-under>span {
position:absolute;left:-9999px;top:auto;text-transform:none;
width:1px;height:1px;overflow:hidden;}
