How to ensure block elements will be on same line in a table?
===

I have a `<table>` where the last column contains some action `<button>`s. The other columns contain paragraphs of text. Because they contain text, their width extends as much as possible and then the text wraps. That is fine for all columns but the last. I don't want the buttons in the actions column to wrap; I want them on a single line. How to can I do that?

See [this][1] jsfiddle for a demo the the problem.


  [1]: http://jsfiddle.net/YJyan/2/