<div> and <table> widths

Just <div>s

This <div> just contains ordinary text and will wrap normally at 30% width.

This <div> just contains mostly ordinary text and mostly wraps normally at 30% width. But it also contains a veeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeerrrrrrrrrrrrrrrrrrrrrrrry long word.

Now with containing <table> inside the container <div>

This <div> just contains ordinary text and would have wrapped normally at 30% width. But...

This <div> just contains mostly ordinary text and should wrap normally at 30% width. But it also contains a veeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeerrrrrrrrrrrrrrrrrrrrrrrry long word.

And screws everything else up as well.