title: JQuery Mobile ListView show text on multiple lines
body: <p>I'm working on a list view with jQuery Mobile and I'm trying to do something similar to this sample:
  <a href="http://jquerymobile.com/demos/1.0a2/#docs/lists/lists-formatting.html">http://jquerymobile.com/demos/1.0a2/#docs/lists/lists-formatting.html</a></p>
  
  <p>I have a title and a long description text.
  The problem is that I need the text to start a new line if the screen is too small (or text to long), what happens now is that the text gets cut and added dots ...</p>
  
  <pre><code>&lt;div data-role="content" data-theme="c"&gt;
       &lt;ul data-role="listview" data-theme="c"&gt;               
       &lt;li&gt;
       &lt;a href="tl1.html" data-transition="fade"&gt;
       &lt;img style="margin-left: 8px" width="80" height="80" alt="sample" src="images/sample_event.jpg" align="left"/&gt;
       My band
       &lt;br&gt;
       &lt;font style="font-size: small"&gt;
       Event description, enter the event description. Please enter the event description, event            description enter. Add a description of the event.
       &lt;/font&gt;
       &lt;/a&gt;
       &lt;/li&gt;
       &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Thanks!
  Marco</p>