Multi Column Test

h3 - normal inline heading

consectetaur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

ad image

This text should be at the top of a new column because the image (made into block level) has column-break-after: always; applied to it.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

h4 - new column

This text should be under a heading which should be at the top of a new column the <h4> has column-break-before: always; applied to it.

mollit anim id est laborum Et harumd und lookum like Greek to me, dereud facilis est er expedit distinct.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

h5 - spanning all columns

This paragraph should be at the start of column one again underneath a heading <h5> which should be spanning all 3 columns, it has column-span: all; applied to it.

Bis nostrud exercitation ullam mmodo consequet. Duis aute in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Tia non ob ea soluad incommod quae egen ium improb fugiend.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Multi Column Table mock up of expected result

h3 - normal inline heading

consectetaur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

ad image

This text should be at the top of a new column because the image (made into block level) has column-break-after: always; applied to it.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

h4 - new column

This text should be under a heading which should be at the top of a new column the <h4> has column-break-before: always; applied to it.

mollit anim id est laborum Et harumd und lookum like Greek to me, dereud facilis est er expedit distinct.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

h5 - spanning all columns

This paragraph should be at the start of column one again underneath a heading <h5> which should be spanning all 3 columns, it has column-span: all; applied to it.

Bis nostrud exercitation ullam mmodo consequet. Duis aute in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Tia non ob ea soluad incommod quae egen
ium improb fugiend.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.