Moderator
Jan Dembowski
(@jdembowski)
Forum Moderator and Brute Squad
Can you share a link that has that CSS and doesn’t work?
Bill,
You mentioned “p” elements, could you remind me?
I meant that, when applied to paragraphs, the columns worked well for me. I also tried it with divs and it worked great for re-flowing the contained paragraphs. If there are images between paragraphs however, some sort of wrapper div will be needed to group sections for proper layout (unless you’re OK with smaller images).
Looking at Andrew’s screenshot, I see what the issue is, and it happens in Safari, Firefox, and Chrome. If column-count is applied to a <p> tag and there are multiple <p> tags within a single containing element, each paragraph is separately divided into columns. See this fiddle: http://jsfiddle.net/ekca9x91/1/
Right, that’s what I meant above. You can’t just put column-count on, say, article because it includes other elements that shouldn’t flow into columns.
