CSS3 Column Count and Word Count

Column count is one of my favorite CSS3 properties. If you’re using modern browsers, you can see that I am using it right now on this site. Each blog post is divided into two columns. The big headings separate each post. Column count works well with long posts, but not for shorter ones. The one-sentence post would look awkward with one line being spread out into two columns.

After digging around, I found a simple solution that allows me to set a limit number of words before making the split. So now the post will remain one column if the text is less than 100 words. Isn’t that sweet? Another reason to love WordPress.