Columns

column lays wdoc content out in side-by-side columns on a page, instead of stacking it sequentially. The widths list gives a CSS percentage for each child slot — one entry per child, summing to about 100.

A two-column split, previewed inside a card:

Left. The first child fills the first 50% slot.

Right. The second child fills the other half.

 
column {
  widths = [50.0, 50.0]
  p "**Left.** The first child fills the first 50% slot."
  p "**Right.** The second child fills the other half."
}

Any number of columns — here three equal thirds, each holding its own content:

One

Two

Three

 
column {
  widths = [33.3, 33.3, 33.3]
  h4 "One"
  h4 "Two"
  h4 "Three"
}

Children

Columns can hold any wdoc content — paragraphs, headings, callouts, code blocks, diagrams, charts, even other columns. Apply a shared class to the column itself to style the group.

Fields