html jquerymobile 中的文字換行

因爲項目是移動web開發，在手機瀏覽器上看，因爲文字過長，有半截顯示不出來，頭兒希望能換行，看着清晰一些，我剛開始以往不可能，查了一下，沒想到還是可以解決

沒解決之前的效果如下

源代碼如下

<ul data-role="listview" data-inset="true" data-theme="c"  >
		<li  id="li1"  οnclick="test()">
                <a href="" rel="external" style=" font-style:normal; font-family:@宋體"  >
                         <h3><font color=black>湖北黃麥嶺尾礦庫項目橫說豎說木木木木木木木木要木木木林</font></h3>
                        <p><font color=red>安全狀態: 一級報警，請檢查</font></p>
                        <p><font color=red>運行狀態: 正常 </font></p>
		</a>
		</li>
</ul>

需要在 <h3> 標籤里加上一個可以換行的樣式  <h3 style="white-space:pre-wrap;">

這樣問題就解決啦 效果如下