Words and image wrapping in CSS 3

no propertySome long words of this text won't be wrapped and will overflow the box
http://www.Supercalifragilisticexpialidocious.com

word-wrapSome long words of this text should be wrapped on most browsers
Do they ?
Hu, cool !
http://www.Supercalifragilisticexpialidocious.com

text-overflowSome long words of this text should be masked on most browsers
Do they ?
Hu, cool !
http://www.Supercalifragilisticexpialidocious.com

word-wrapAnd for images ?
Errr word-wrap doesn't work
a girl with kiwis

text-overflowImage are cropped thanks to the "hidden" value to overflow, but not due to text-overflow
a girl with kiwis

max-widthImage are resized to a max width of 180px
a girl with kiwis

    	pre-wrap This is a <pre>. Some long words of this text should be wrapped on most browsers
But need either white-space: pre-wrap (for content) AND word-wrap: break-word (for long words)
http://www.Supercalifragilisticexpialidocious.com
word-wrap on tdTesting on a table cell
Doesn't work if table container is fluid (no width)http://www.Supercalifragilisticexpialidocious.com
word-wrap on tdAdding max-width on a table cell
Seems to work, but not on IE8
http://www.Supercalifragilisticexpialidocious.com
text-overflow on tdTesting on a table cell inside a table having specified width (600px) and table-layout: fixed
http://www.Supercalifragilisticexpialidocious.com
word-wrap on tdTesting on a table cell inside a table having specified width (600px) and table-layout: fixed
http://www.Supercalifragilisticexpialidocious.com
Using CSS3 properties word-wrap and text-overflow
OK on Firefox 3.5+, Safari 4+, Chrome 5+, Opera 10.5. Well it's OK on IE5.5+ too !
Author : Raphael Goetter