.svg){kind=link}
| File:Ambox warning orange.svg | This template is used on approximately 258,000 pages, or roughly 656% of all pages. To avoid major disruption and server load, any changes should be tested in the template's /sandbox or /testcases subpages, or in your own user subpage. The tested changes can be added to this page in a single edit. Consider discussing changes on the talk page before implementing them. |
Description
It is to center elements on a page. See also Template:Align for more options and flexibility.
Usage
| Markup | Renders as |
|---|---|
{{Center|Hello world!}}
|
Hello world!
|
To do this without a template, simply use the following code:
<div class="center" style="width:auto; margin-left:auto; margin-right:auto;">...</div>
To center a table, see Help:TABLECENTER.
Notes:
- If the markup to be centered includes an equals sign, the markup must be preceded by
1=. Example:{{Center|1=the <span style="color:red">red</span> one}}. - If the markup to be centered includes a displaying pipe, the pipe must be escaped as
{{!}}or|.
Tables
Using {{left}} / {{center}} / {{right}}
| Header text | ||
|---|---|---|
Left |
Center |
Right
|
Using {{align|left}} / {{align|center}} / {{align|right}}
| Header text | ||
|---|---|---|
Left |
Center |
Right
|
Tracking category
Pages, which use {{Center}} without an argument, are added to the Category:Pages using center with no arguments (0).
TemplateData
TemplateData for Center
<templatedata> { "params": { "1": { "label": "Content", "type": "content", "required": true, "description": "Content to be centered" }, "style": { "label": "Custom CSS" } }, "description": "A simple template to center-align content in tables and other places. Be aware that the center class is applied to this template, which means every element within the template has its left and right margins set to auto. This may harm some templates." } </templatedata>
See also
- {{Center block}}
- {{align}}
- {{right}}, {{left}} and {{justify}}
- {{Image frame}}