{{Columns}} may be used to create up to ten columns across a page.

Syntax

Values for col1 and col2, i.e. the contents of the first and second columns, are expected.

{{Columns
| background =   <!-- Background (default is none) -->
| style =        <!-- Use to add extra overall CSS styling -->
| colwidth =     <!-- Width of each column (default 15.0em) -->
| gapbetween =   <!-- Gap (gutter) between each column (default 1.25em) -->
| col1width =    <!-- Use to set a custom width for col1 -->
| col1 =         <!-- (REQUIRED) First column's contents -->
| col2width =    <!-- Use to set a custom width for col2 (and so on) -->
| col2 =         <!-- (REQUIRED) Second column's contents -->
| col3width = 
| col3 = 
...
| col10width = 
| col10 = 
}}

The parameters  colstyle  and  col1style  to  col10style  may also be used to tailor all and/or individual columns' CSS styling.

Examples

Code

{{Columns
| col1 = This is a simple application of the columns template, demonstrating the default column widths
| col2 = and gaps between columns. See the next example for a more customized use of the template.
}}

Result

This is a simple application of the columns template, demonstrating the default column widths and gaps between columns. See the next example for a more customized use of the template.

---

Code

{{Columns |background=beige |colwidth=8.5em |gap<!--between-->=3.25em

| col1 =
* These
* columns
* are
* more
* complex

| col2 =
The<br/>background<br/>is<br/>beige

| col3 =
; Each : column
; is   : 8.5 [[Em (typography)|''em'']]
; wide

| col4 =
{{{!}}
!colspan="2"{{!}} and
{{!-}}
{{!}} the {{!!}} gap
{{!-}}
{{!}}colspan="2"{{!}} between
{{!-}}
{{!}} each {{!!}} is
{{!-}}
!colspan="2" align="center"{{!}} 3.25 ''em''
{{!}}}
}}

Result

• These
• columns
• are
• more
• complex

The
background
is
beige

Each 

column

is  

8.5 em

wide

and
the	gap
between
each	is
3.25 em

See also

Column-generating template families

Family	Wiki table codeFile:Dagger-14-plain.png	Starting template	Break between columns	Ending template
"Col"		{{Col-begin}} or {{Col-begin-small}}	{{Col-break}} {{Col-2}} {{Col-3}} {{Col-4}} {{Col-5}} {{Col-6}} or use {{Col-break|width=16.6%}}, i.e. with width ≈ 100% / 6. {{Col-7}} or use {{Col-break|width=14.2%}}, i.e. with width ≈ 100% / 7. {{Col-8}} or use {{Col-break|width=12.5%}}, i.e. with width = 100% / 8. For nine or even more columns, use {{Col-break|width=[W]%}}, where [W] ≈ 100 divided by the number of columns desired.	{{Col-end}} or {{End}}
"Col-float"	13pxY	{{Col-float}}	{{Col-float-break}}	{{Col-float-end}}
"Columns"	13pxY	{{Columns}}	–	–
"Columns-start"	13pxY	{{Columns-start}}	{{Column}}	{{Columns-end}}
"Div col"	13pxY	{{Div col}} or {{Columns-list}}	–	{{Div col end}}
"Multicol"		{{Multicol}}	{{Multicol-break}}	{{Multicol-end}}
"TMB"		{{Top}}	{{Mid}}	{{Bottom}}

^{File:Dagger-14-plain.png} i.e. can the columns handle the wiki markup {| | || |- |} used to create tables? If not, templates that produce these elements (such as {{(!}}, {{!}}, {{!!}}, {{!-}}, {{!)}}) and/or HTML tags (<table>...</table>, <tr>...</tr>, etc) will need to be used instead.