Difference between revisions of "Template:Center"

From LIMSWiki
Jump to navigationJump to search
(Updated.)
 
m (Protected "Template:Center" ([edit=sysop] (indefinite) [move=sysop] (indefinite)))
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
{{Documentation subpage}}
<includeonly><div class="center" style="width:auto; margin-left:auto; margin-right:auto;">{{{1}}}</div></includeonly><noinclude>
 
{{documentation}}
<!-- PLEASE ADD CATEGORIES AND INTERWIKIS AT THE END OF THIS PAGE. -->
</noinclude>
 
This is a simple template to center align content.
 
=== Example ===
 
<nowiki>{{Center|Hello world!}}</nowiki> yields {{Center|Hello world!}}
 
 
To do this without a template, simply use the following code:
:<code><nowiki><div class="center" style="width:auto; margin-left:auto; margin-right:auto;"></nowiki></tt>''your text''<tt><nowiki></div></nowiki></code>
 
<includeonly><!--
++++ PLEASE ADD CATEGORIES AND INTERWIKIS AFTER THIS LINE, THANK YOU. -->
 
[[Category:LIMSwiki formatting and function templates]]
 
</includeonly>

Latest revision as of 00:13, 31 May 2013

[edit] [purge] Template documentation

A simple template to center-align content in tables and other places.

Example

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>

Centering tables

Centered tables can be achieved, but they don't "float"; that is to say no text appears to either side. The trick is {| style="margin: 1em auto 1em auto;"

Wiki markup:

Text before table...
{| class="wikitable" style="margin: 1em auto 1em auto;"
|+ '''Cells left-aligned, table centered'''
! 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

As it appears in a browser:

Text before table...

Cells left-aligned, table centered
Duis aute irure
dolor in reprehenderit in voluptate velit
esse cillum dolore eu fugiat nulla pariatur.

...text after table


Table

Header text
Left2
Center
Right

See also