Template:Div flex row/doc

Usage
Div flex row provides a simple way to create a horizontal alignment for related page elements (producing multiple rows if the screen is too narrow). A closing Div flex row end is required after the final item being aligned.

Free text content needs to be encased in div tags in order to create the rows and columns. If this is required, the y parameter, inserting an opening div tag, may be used in conjunction with the Div CO template, inserting a closing and opening div tag:

Source

Some content.

Some more content.

A third thing.

Result

Some content.

Some more content.

A third thing.

Examples
Three tables next to each other

A table next to a related map.

{	"params": { "wrap": { "label": "Wrap", "description": "A pass-through for the CSS \"flex-wrap\" property.", "example": "wrap=wrap-reverse", "type": "string", "default": "wrap" },		"align-items": { "label": "Align items", "description": "A pass-through for the CSS \"align-items\" property.", "example": "align-items=center", "type": "string" },		"justify-content": { "label": "Justify content", "description": "A pass-through for the CSS \"justify-content\" property.", "example": "justify-content=center", "type": "string" },		"div o": { "label": "Opening div", "description": "An opening div tag for the first block of content. Some content (such as free text) requires this to create the blocks used for the columns and rows.", "example": "div o=y", "type": "boolean" },		"gap": { "label": "Gap", "description": "The flexbox gap parameter, which specifies a minimum spacing between items; a CSS length value. Units of \"em\" are recommended.", "type": "string", "default": "0.8em" }	},	"description": "A template to help create horizontal groupings of related content. " }