Hi,

I have a publication that floats all images to the bottom of a 2-column layout with "float: column-bottom".

If articles have an "Endnotes" section, in some cases the last image of the article can appear within this section if it doesn't fit on the preceding page.

How can I avoid this happening? My client wants all images to appear within the article where they are referenced.

Is there a way to insert some kind of "break" that just breaks where images are floating, and not the page?

Thank you!

Are the endnotes within the two column layout, or an entirely separate block?

Hi Mike,
the endnotes are within the 2-column layout, but in a separate < section > tag.

Perhaps you could make them span the columns and then establish their own columns? This may not produce the desired layout, though.

Thank you, Mike (and happy new year!)

Your suggestion is indeed working. I have now set up the CSS as follows:

.endnotes {
float: prince-snap;
column-span: all;
column-count: 2;
column-gap: 0.65cm;
}