ଛାଞ୍ଚ:Col-float/doc

Side-by-side columns, based on CSS float.

This has the advantage of more cross-device-accessible behaviour, as (unlike HTML <table>s) they will wrap on display windows too narrow to show them side-by-side.

Column Templates
Multicol
{{Multicol}}	Start
{{Multicol-break}}	Break
{{Multicol-end}}	End
Col-Break
{{Col-begin}}	Start
{{Col-break}}	Break
{{Col-end}}	End
Col-float
{{Col-float}}	Start
{{Col-float-break}}	Break
{{Col-float-end}}	End
Columns-start
{{Columns-start}}	Start
{{Column}}	Break
{{Columns-end}}	End

Parameters

All optional and applicable to {{Col-float}} / {{Start col-float}} and {{Col-float-break}} / {{Break col-float}} except firstcol:

• firstcol (with Col-float or Start col-float only)
• nextcol
• width

Width of the next – or, with Col-float/Start col-float, the first – column. IE-based browsers require a specified width, so defaults to 30.0em.

class

For any styling defined using classes.

style

For any additional styling.

{{Col-float}} can be used with numbered parameters for columns (i.e. |1= is the first column, |2= is the second, and so on). However, lists have to be preceded with <nowiki/> and a newline, and tables have to use {{!}}.

Example section (from Hydrolastic)

With {{Col-float-break}}

Cars using the Hydrolastic suspension system

• BMC 1100
• Mini (from 1964 to 1971)
• Austin America (from 1968 to 1971)
• Austin 1800
• Austin Maxi (until March 1978)
• Austin 3-Litre
• MG 1100 (from 1962 to 1968)

Cars using the Hydragas suspension system

• Austin Ambassador
• Princess
• Austin Allegro
• Austin Maxi (from March 1978 onwards)
• Austin Metro
• Rover Metro
• Rover 100

{{col-float}}
;Cars using the [[Hydrolastic]] suspension system:
* [[BMC ADO16|BMC 1100]]
* [[Mini]] (from 1964 to 1971)
* [[Austin America]] (from 1968 to 1971)
* [[Austin 1800]]
* [[Austin Maxi]] (until March 1978)
* [[Austin 3-Litre]]
* [[MG 1100]] (from 1962 to 1968)
{{col-float-break}}
;Cars using the [[Hydragas]] suspension system:
* [[Austin Ambassador]]
* [[Leyland Princess|Princess]]
* [[Austin Allegro]]
* [[Austin Maxi]] (from March 1978 onwards)
* [[Austin Metro]]
* [[Rover Metro]]
* [[Rover P4#P4 100|Rover 100]]
{{col-float-end}}

With numbered parameters

Cars using the Hydrolastic suspension system

• BMC 1100
• Mini (from 1964 to 1971)
• Austin America (from 1968 to 1971)
• Austin 1800
• Austin Maxi (until March 1978)
• Austin 3-Litre
• MG 1100 (from 1962 to 1968)

Cars using the Hydragas suspension system

• Austin Ambassador
• Princess
• Austin Allegro
• Austin Maxi (from March 1978 onwards)
• Austin Metro
• Rover Metro
• Rover 100

{{col-float
|1=
;Cars using the [[Hydrolastic]] suspension system:
* [[BMC ADO16|BMC 1100]]
* [[Mini]] (from 1964 to 1971)
* [[Austin America]] (from 1968 to 1971)
* [[Austin 1800]]
* [[Austin Maxi]] (until March 1978)
* [[Austin 3-Litre]]
* [[MG 1100]] (from 1962 to 1968)
|2=<nowiki/>
;Cars using the [[Hydragas]] suspension system:
* [[Austin Ambassador]]
* [[Leyland Princess|Princess]]
* [[Austin Allegro]]
* [[Austin Maxi]] (from March 1978 onwards)
* [[Austin Metro]]
* [[Rover Metro]]
* [[Rover P4#P4 100|Rover 100]]
}}

See also

Column-generating template families

The templates listed here are not interchangeable. For example, using {{col-float}} with {{col-end}} instead of {{col-float-end}} would leave a HTML "div" (division) open, potentially harming any subsequent formatting.

Column templates

Type	Family	Handles wiki  table code?	Responsive/ Mobile suited	Start template	Column divider	End template
Float	"Col-float"	Yes	Yes	{{Col-float}}	{{Col-float-break}}	{{Col-float-end}}
	"Columns-start"	Yes	Yes	{{Columns-start}}	{{Column}}	{{Columns-end}}
Columns	"Div col"	Yes	Yes	{{Div col}}	–	{{Div col end}}
	"Columns-list"	No	Yes	{{Columns-list}} (wraps div col)	–	–
Flexbox	"Flex columns"	No	Yes	{{Flex columns}}	–	–
Table	"Col"	Yes	No	{{Col-begin}}, {{Col-begin-fixed}} or {{Col-begin-small}}	{{Col-break}} or {{Col-2}} .. {{Col-5}}	{{Col-end}}

Can the columns handle the wiki markup {| | || |- |} used to create tables? If not, templates that produce these elements (such as {{(!}}, {{!}}, {{!!}}, {{!-}}, {{!)}}) or HTML tags (<table>...</table>, <tr>...</tr>, etc.) will need to be used instead.