How do I keep paragraphs together in HTML columns?

Question

So, I have a page that looks like...

I am a monkey
I am a monkey too, with
additional information.
I am also a monkey

If I wrap this in CSS using the -webkit-columns:2 tag, it displays as...

I am a monkey               additional information
I am a monkey too, with     I am also a monkey

I'd like it to avoid splitting the paragraphs in this case.

I'm looking for something like "nobr" or a word-wrap feature or something... eeek. Any ideas?

(Later...) seems I can do this in Firefox, but not Chrome. Hmm...

Answer 1

You can set

p {
  display:inline-block;
}

which will prevent that paragraphs from breaking over a column break. May have some other strange effects though so have a good play with it first.