about list item text wrap

I write this code in a single html file,it appears like my thought anywhere.

<table style='width:100%;'><tr><td style='width:180px;'><img src='' width='180' height='140' / ></td><td><table style='width:100%;'><tr><td style='height:100px;vertical-align:top;'><span style='word-wrap:break-word;white-space:pre-wrap;'>I'm somewhat confused about what parts of the std DHX also work with the Touch version.The libraries are different. But touch chart, dataview and datastore are similar to desktop components.It appears that the data connectors and processors are the same. Is that true?All touch components use JSONDataConnector.</span></td></tr><tr><table style='width:100%;'><tr><td style='width:33%;'>asia</td><td style='width:33%;'>yes</td><td style='width:33%;'>00:00:00</td></tr></table></tr></table></td></tr></table>

but I put it in touch list template,in android chrome and desktop chrome,it appears no text wrap effect,in desktop opera and opera mobile,it appears look well,why?
how to fix it?

<table style='width:100%;'><tr><td style='width:180px;'><img src='' width='180' height='140' / ></td><td><table style='width:100%;'><tr><td style='height:100px;vertical-align:top;word-wrap:break-word;white-space:pre-wrap;'>I'm somewhat confused about what parts of the std DHX also work with the Touch version.The libraries are different. But touch chart, dataview and datastore are similar to desktop components.It appears that the data connectors and processors are the same. Is that true?All touch components use JSONDataConnector.</td></tr><tr><table style='width:100%;'><tr><td style='width:33%;'>asia</td><td style='width:33%;'>yes</td><td style='width:33%;'>00:00:00</td></tr></table></tr></table></td></tr></table>

can work well anywhere.
in chrome,div and span in template has no wrap effect!Don’t use them in template if you want them has wrap effect!