Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.
``` * And for CSS: * ``` .newspaper { -webkit-column-count: 3; /* Chrome, Safari, Opera */ -moz-column-count: 3; /* Firefox */ column-count: 3; } ``` * Note that IE9 and below do not support this CSS. * Code copied from this page: * [http://www.w3schools.com/css/css3_multiple_columns.asp](http://www.w3schools.com/css/css3_multiple_columns.asp) * Thread Starter [mythusmage](https://wordpress.org/support/users/mythusmage/) * (@mythusmage) * [11 years, 3 months ago](https://wordpress.org/support/topic/wordpress-and-css3-redux/#post-5977449) * WPyogi, * That is the code I tried, only with “div” or “p” instead of “.newspaper”. Howeer,“. newspaper” didn’t work either. * Have you tried changing the number of columns? * [WPyogi](https://wordpress.org/support/users/wpyogi/) * (@wpyogi) * [11 years, 3 months ago](https://wordpress.org/support/topic/wordpress-and-css3-redux/#post-5977450) * Yep, just tried 5 columns and works fine. And it works usind div or p with or without the .newspaper class. * I’m guessing there is either some other CSS in your theme that is interfering with this CSS or you have a syntax error in your CSS or something else funny is going on. * This is why it’s best if you can post a link to a page on your site where you are trying this – that way we can look at see what’s going on. * Can you show me a page where it’s not working? * [Bill](https://wordpress.org/support/users/chubbycrow/) * (@chubbycrow) * [11 years, 3 months ago](https://wordpress.org/support/topic/wordpress-and-css3-redux/#post-5977459) * (Just to broaden your sampling, I tried it on two sites (different themes) and it worked fine when used on `` elements.) * [WPyogi](https://wordpress.org/support/users/wpyogi/) * (@wpyogi) * [11 years, 3 months ago](https://wordpress.org/support/topic/wordpress-and-css3-redux/#post-5977464) * Thanks, Bill! I’d never used this CSS before – it’s very cool :)! * [Bill](https://wordpress.org/support/users/chubbycrow/) * (@chubbycrow) * [11 years, 3 months ago](https://wordpress.org/support/topic/wordpress-and-css3-redux/#post-5977465) * Likewise, until now. I’d no idea it was so simple, though I’m sorry the OP is hitting a snag with it. * Thread Starter [mythusmage](https://wordpress.org/support/users/mythusmage/) * (@mythusmage) * [11 years, 3 months ago](https://wordpress.org/support/topic/wordpress-and-css3-redux/#post-5977481) * Bill, * You mentioned “p” elements, could you remind me? * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [11 years, 3 months ago](https://wordpress.org/support/topic/wordpress-and-css3-redux/#post-5977482) * > Here is the [address ](http://worlds.mythusmage.net/archives/1266) to have > a look at. You’ll note that things are just not right. I thought that maybe > the order in which the CSS was presented would make a difference. It didn’t. > Your advice is welcome. > Here is the code used: > ``` > { > -webkit-column-count: 2; /* Chrome, Safari, Opera */ > -moz-column-count: 2; /* Firefox */ > column-count: 2; > } > > #content p { > Font-family: palatino-linotype, palatino, book antiqua, serif; > Text-indent: 15px: > Line-height: 1 em: > margin: 0; > padding: 0; > } > ``` > > I find myself asking, is there more I need to do?. BTW, this is a problem with > every theme I have tried * _– [https://wordpress.org/support/topic/still-puzzled](https://wordpress.org/support/topic/still-puzzled)_ * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [11 years, 3 months ago](https://wordpress.org/support/topic/wordpress-and-css3-redux/#post-5977483) * Which browser are you using, and which version of that? The 2 column layout is showing up on my latest version of Chrome: [http://snag.gy/IoFzJ.jpg](http://snag.gy/IoFzJ.jpg) * Thread Starter [mythusmage](https://wordpress.org/support/users/mythusmage/) * (@mythusmage) * [11 years, 3 months ago](https://wordpress.org/support/topic/wordpress-and-css3-redux/#post-5977492) * Also using the Latest Chrome on Windows 8.1. The theme is Twenty Fourteen. Now I note you’re missing something, what you get _is_ the problem, the text is not supposed to do that. Have a long at a magazine or newspaper story, note how each paragraphs sticks to a particular column, unless it comes to the end of the column, at which point it continues on in the next. * Note that this does not happen at the W3C school. What are they doing we are not? * [WPyogi](https://wordpress.org/support/users/wpyogi/) * (@wpyogi) * [11 years, 3 months ago](https://wordpress.org/support/topic/wordpress-and-css3-redux/#post-5977493) * Sorry, don’t understand what you mean. * Thread Starter [mythusmage](https://wordpress.org/support/users/mythusmage/) * (@mythusmage) * [11 years, 3 months ago](https://wordpress.org/support/topic/wordpress-and-css3-redux/#post-5977497) * In WordPress what you get with the multi-column CSS is not proper lay out. Viewing 15 replies - 1 through 15 (of 19 total) 1 [2](https://wordpress.org/support/topic/wordpress-and-css3-redux/page/2/?output_format=md) [→](https://wordpress.org/support/topic/wordpress-and-css3-redux/page/2/?output_format=md) The topic ‘WordPress and CSS3 Redux’ is closed to new replies. * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/) * 19 replies * 6 participants * Last reply from: [Bill](https://wordpress.org/support/users/chubbycrow/) * Last activity: [11 years, 3 months ago](https://wordpress.org/support/topic/wordpress-and-css3-redux/page/2/#post-5977520) * Status: not resolved ## Topics ### Topics with no replies ### Non-support topics ### Resolved topics ### Unresolved topics ### All topics