Question

Testing in various versions of Firefox new and old it seems that column-span in CSS3 is ignored completely?

Even the simple demo on quirksmode fails in firefox:

http://www.quirksmode.org/css/multicolumn.html

Has this ever worked? I’m having trouble finding anything related online. Surely it should work if there is a prefix for the rule (-moz-column-span)

Am I missing something?

Answer 1

Here is your reference from the W3C: column-span

-moz is only the Firefox prefix. So you will need use the WebKit and regular declaration as well.

It should look something like this:

.pullquote {
    -moz-column-span: 2;
    -webkit-column-span: 2;
    column-span: 2;
}

Single Column is not the worst thing as a fallback, but IE users might not be super into this. See more info at the Can I Use website.