[css-multicol] column-span: <integer>

[scottkellum]

In CSS Multicolumn, column-span it would be useful to have the ability to create content that spans a specified number of columns using an . It is common to have images span two or three text columns in print.

I would expect this to work where the vertical and starting position coincides with where the block element falls in the column, then clears subsequent adjacent columns at that position of content to expand into like a float. This would likely be commonly used with break-before: column; height: 100%; styles to create a full height block.

Example of a print layout with images spanning two columns:

It is possible to hack this functionality into some browsers (Chrome) by using <figure> and ::before and ::after pseudo elements alongside break-before and break-after, thus clearing columns for the figure to expand into. https://codepen.io/scottkellum/pen/qBQYyGO?editors=1100