Template:Center
Jump to navigation
Jump to search
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:
<div style="text-align: center;">
<div style="margin: auto auto auto auto;">
...
</div>
</div>
{{centre}}
works as well.
Parameters
{{{1}}}
(required)- 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
andbottom
.