JQuery Mobile ListView在多行上显示文本

我正在使用jQuery Mobile的列表视图,我正在尝试类似于此示例的操作：
http://jquerymobile.com/demos/1.0a2/#docs/lists/lists-formatting.html

我有一个标题和一个长的描述文本.
问题是,如果屏幕太小(或文字长),我需要文本开始一个新行,现在发生的是文本被剪切并添加点…

<div data-role="content" data-theme="c">
     <ul data-role="listview" data-theme="c">               
     <li>
     <a href="tl1.html" data-transition="fade">
     <img style="margin-left: 8px" width="80" height="80" alt="sample" src="images/sample_event.jpg" align="left"/>
     My band
     <br>
     <font style="font-size: small">
     Event description,enter the event description. Please enter the event description,event            description enter. Add a description of the event.
     </font>
     </a>
     </li>
     </ul>
</div>

谢谢！
马尔科

解决方法

我做的是添加空格：正常;到该部分的CSS.希望有帮助.