(3 intermediate revisions by the same user not shown)
Line 1:
Line 1:
{{dochead}}{{wikipedia}}
{{dochead}}{{wikipedia}}
The <code><nowiki><center></nowiki></code> tag in {{w|HTML}} is now deprecated, and there is no one-size-fits-all replacement for it. This template is designed to replicate the tag's functionality using nested <code><nowiki><div></nowiki></code> elements as a workaround so that they do not need to be typed in every time something needs to be centered: {{clear}}
The <code><<nowiki />center></code> tag in {{w|HTML}} is now deprecated, and there is no one-size-fits-all replacement for it. This template is designed to replicate the tag's functionality using nested <code><<nowiki />div></code> elements as a workaround so that they do not need to be typed in every time something needs to be centered:{{clear}}
: One unnamed parameter, consisting of the text to be centered.
: One unnamed parameter, consisting of the text to be centered.
: {{escape notice}}
: {{escape notice}}
Line 17:
Line 19:
; <code>width</code> (optional)
; <code>width</code> (optional)
: Pass in the desired width (if needed).
: Pass in the desired width (if needed).
==== Margins ====
Note that, in CSS, margins specified without directional keywords are specified in the order <code><nowiki>style="margin: [top] [right] [bottom] [left];"</nowiki></code>.
; <code>top</code> (optional)
; <code>top</code> (optional)
Line 25:
Line 30:
; <code>both</code> (optional)
; <code>both</code> (optional)
: Pass in this to set both upper and lower margins to the same desired value. Note that this will override any margin specified using <code>top</code> or <code>bottom</code>.
: Pass in a desired size to set both upper and lower margins to the same desired value. This will override <code>top</code> and <code>bottom</code>.
The <center> tag in HTML is now deprecated, and there is no one-size-fits-all replacement for it. This template is designed to replicate the tag's functionality using nested <div> elements as a workaround so that they do not need to be typed in every time something needs to be centered:
<divstyle="text-align: center;"><divstyle="margin: auto auto auto auto;">
...
</div></div>
One unnamed parameter, consisting of the text to be centered.
Note: Pipe characters (|) must be escaped as {{!}} or {{pipe}}, equals signs must be escaped as {{=}} (this may apply to tags as well, e.g. <div style{{=}}"…">), and other special characters and character sequences may need to be escaped accordingly, except for ones inside <nowiki>, <pre>, <math>, and <syntaxhighlight> tags.
width (optional)
Pass in the desired width (if needed).
Margins
Note that, in CSS, margins specified without directional keywords are specified in the order style="margin: [top] [right] [bottom] [left];".
top (optional)
Pass in the desired upper margin; the default value is auto.
bottom (optional)
Pass in the desired lower margin; the default value is auto.
both (optional)
Pass in a desired size to set both upper and lower margins to the same desired value. This will override top and bottom.
