Automatically shortened ordered lists

I noticed the excellent function that ordered lists that are too broad get automatically shortened:



But this is only in some cases, above it is in a site map. On another place, I use Joomla's mod_feed module to show the latest headlines from an imported RSS feed. In this case, they aren't shorted, and the layout breaks (see image below). Can I make these have the same functionality in some way?

Try enforcing CSS directives max-width and word-break over problematic module CSS classes. Webkit browsers respect those.

I tried to use the container class in the content wrapper with adding:

.container > div { word-wrap: break-word; max-width:200px;}

to my stylesheet in the iPhone template, but no effect.

What actually did the trick was:
a { word-wrap: break-word; max-width:200px;}
in my stylesheet. Isn't that a bit rude and will I break other stuff?