Help:Columns

colbegin and colendedit

To create columns in an article one may use {{colbegin}} and {{colend}}. Note that this is not supported by Internet Explorer version 9 and below or Opera version 11 and below — see {{Div col}} for details. This example uses {{lorem}} to generate placeholder text.

{{colbegin}}{{lorem}}{{lorem}}{{colend}}

produces:

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


You can also use {{col-begin}}, {{col-break}}, and {{col-end}}. But don't use this variety to set numbered or bulleted lists in columns, because {{col-break}} breaks the list up, which is a problem for accessibility.

As such:

{{col-begin}}{{col-break}}{{lorem}}{{col-break}}{{lorem}}{{col-break}}{{lorem}}{{col-end}}

creates

CSSedit

MediaWiki:Common.css defines the following styles:

  • "div.columns-2", "div.columns-3", "div.columns-4" and "div.columns-5" which need to contain a "div.column"

Templatesedit

CSS3 multicolumn supportedit

CSS3 multiple-column layout browser support
PropertyInternet
Explorer
FirefoxSafariChromeOpera
column-width
column-count
≥ 10
(2012)
≥ 1.5
(2005)
≥ 3
(2007)
≥ 1
(2008)
≥ 11.1
(2011)
columns≥ 10
(2012)
≥ 9
(2011)
≥ 3
(2007)
≥ 1
(2008)
≥ 11.1
(2011)
break-before
break-after
break-inside
≥ 10
(2012)
≥ 65
(2019)
≥ 10
(2016)
≥ 65
(2016)
≥ 15
(2013)

The templates {{div col}} and {{divbegin}} use a feature in CSS3 that is implemented in:

See alsoedit

🔥 Top keywords: Akademia e Shkencave e RPS te ShqiperiseAlexandria Ocasio-CortezBilderberg GroupCristiano RonaldoDong XiaowanMinecraftOperation GladioPrimal cutRiot FestStrictly Come Dancing (series 7)Main PageSpecial:SearchBaike: Requested articles/Business and economics/Companies/M-SIndian Premier LeagueFrancis Scott Key Bridge (Baltimore)Baike: Featured pictures2024 Indian Premier LeagueFrancis Scott Key Bridge collapseSean CombsNicole Shanahan3 Body Problem (TV series)PornhubJoe LiebermanThe Three-Body Problem (novel)XXXTentacionCleopatraYouTubeDan SchneiderDeaths in 2024MV DaliGodzilla x Kong: The New EmpireBrian PeckPorno y heladoSunrisers HyderabadUEFA Euro 2024Shōgun (2024 miniseries)Road House (2024 film)InstagramRonna McDanielDrake BellRobert F. Kennedy Jr.Francis Scott KeyAmanda BynesViral videoRobert HanssenBaltimoreBrandon ScottDune: Part TwoADX FlorenceFacebookTartanAditi Rao HydariSoaking (sexual practice)Ruby FrankeX-Men '97Cassie VenturaSunshine Skyway BridgeSergey Brin2024 Indian general electionList of Twenty20 cricket recordsSiddharth (actor)Portal Current eventsWinnie-the-Pooh: Blood and Honey 2Kalanithi MaranThree-body problemThe Gentlemen (2024 TV series)Kim PorterChatGPTJake GyllenhaalGhostbusters: Frozen EmpireWrestleMania XLKwena MaphakaPoor Things (film)2026 FIFA World Cup qualification (AFC)Dune (2021 film)United StatesWes MooreEndrick (footballer, born 2006)Maundy ThursdaySydney SweeneySolar eclipse of April 8, 2024Carol BurnettCrocus City Hall attackMadelyne PryorQuiet on Set: The Dark Side of Kids TVElin NordegrenKung Fu Panda 4SexCowboy CarterRed Eye (2005 American film)Battle of the HydaspesRyan GoslingFighter (2024 film)Eva MendesBattle of New CarthageImmaculate (2024 film)J. Robert OppenheimerArgentina national football teamShirley ChisholmTaylor SwiftLate Night with the DevilList of Indian Premier League records and statisticsRichard SerraTheo JamesNational September 11 Memorial & MuseumConor McGregorOppenheimer (film)Daniel KahnemanUEFA Euro 2024 qualifying