I want to add reapeting content on top of every column in a certain div.


I made a picture to get my Idea accross.
On top of box 1,2,3,4 .... n the element Heading should be displayed

I see that I can let an element float on top of an column

  float: column-top next;

Is there a way to use like a repeating float?
e.g.

  float: column-top all;

float: column-top next;

1. example2.png‎ 131.6 kB

That would be handy, but at the moment only page margin box content and table headers/captions can repeat on every page.

Okay thanks for your reply.
I am thinking about adding a table to get the tableheader repeating behaviour.

But I am afraid that the column property and table-elements don't work together.

Quote: "Applies to Block containers except table wrapper boxes"
(https://developer.mozilla.org/en-US/docs/Web/CSS/columns)

How is your experience with tables and inside column-elements?
It's problematic, right?