Text wrap in HTML jquerymobile

Because the project is a mobile Web Development Project, it can be viewed on the mobile browser. Because the text is too long, it cannot be displayed in a half-cut manner, and the boss hopes to wrap the text and look at it clearly. It was impossible in the past, I checked it and did not expect it to be solved.

Before the solution is completed, the effect is as follows:

Source codeAs follows:

<Ul data-role = "listview" data-inset = "true" data-theme = "C"> <li id = "Li1" onclick = "test () "> <a href =" "rel =" external "style =" font-style: normal; font-family: @ ">  
Add a newline style to the <H3 style = "white-space: Pre-wrap;">
 
The problem is solved as follows: