Editing Help:Table (section)

=== Centering tables ===
{{shortcut|HELP:TABLECENTER}}

To center a table horizontally, use style {{kbd|margin: auto}}, which applies to the left and right margins. Text does not flow around centered tables as it does for floated tables; that is, no text appears to either side:

<div class="box">
'''Wikitext'''
<syntaxhighlight lang=wikitext highlight=2>
Text before table...
{| class="wikitable" style="margin: auto; border: none;"
|+ Centered table
|-
! scope="col" | Duis
! scope="col" | aute
! scope="col" | irure
|-
| dolor || in reprehenderit || in voluptate velit
|-
| esse cillum dolore || eu fugiat nulla || pariatur.
|}
...text after table
</syntaxhighlight>
</div>

'''As it appears in a browser:'''

Text before table...
{| class="wikitable" style="margin: auto; border: none;"
|+ Centered table
|-
! scope="col" | Duis
! scope="col" | aute
! scope="col" | irure
|-
| dolor || in reprehenderit || in voluptate velit
|-
| esse cillum dolore || eu fugiat nulla || pariatur.
|}
...text after table.

Style {{kbd|margin:auto}} may be combined with top and bottom margin in the standard way for CSS, e.g. <syntaxhighlight lang=wikitext  inline>style="margin:1em auto"</syntaxhighlight> defines top and bottom margins of 1em, and automatic (centered) left and right margins.

'''Tip:''' For Android Chrome, use:
:<code><nowiki>{| style="margin: auto; border: none;"</nowiki></code>{{efn|group=note|''border: none;'' 
to avoid an empty column in tables narrower than the browser window in Android Chrome.}}

'''Note:''' <code>align="center"</code> is [[Wikipedia:HTML 5|deprecated in HTML5]], and does not work well in Mediawiki software. For example; it will not override the left alignment of tables via <code>class=wikitable</code>.