Template:Center/doc: Difference between revisions

From Xenharmonic Wiki
Jump to navigation Jump to search
ArrowHead294 (talk | contribs)
mNo edit summary
ArrowHead294 (talk | contribs)
mNo edit summary
 
Line 2: Line 2:
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}}
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}}


<pre>
<syntaxhighlight lang="html">
<div style="text-align: center;">
<div style="text-align: center;">
     <div style="margin: auto auto auto auto;">
     <div style="margin: auto auto auto auto;">
Line 8: Line 8:
     </div>
     </div>
</div>
</div>
</pre>
</syntaxhighlight>


{{tlx|centre}} works as well.
{{tlx|centre}} works as well.

Latest revision as of 14:02, 6 May 2025

English Wikipedia has an article on:

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 and bottom.