在jquery mobile中列出彼此之间的项目

我正在尝试做一个小聊天应用程序。列表项由while循环创建。现在，消息经常在彼此之间，但在这种情况下，它们位于同一行，直到站点宽度变宽，然后创建一个中断。我应该如何编辑css或添加列表项之间的类

<div style="height:100%; width:100%" data-role="content" id="container">
    <ul data-role="listview" data-inset="true" class="ui-listview ui-listview-inset ui-corner-all ui-shadow">
        <div style="width:100%" id="chatOutput">
    <li style="float: right; ;background-color:white;border-radius: 1em;" class="chatPost"><p class="stringSender"></p><p class="stringText">fd</p><p style="font-size:80%" class="stringTime">15:04:03</p></li>
    <li style="float: right; ;background-color:white;border-radius: 1em;" class="chatPost"><p class="stringSender"></p><p class="stringText">lala</p><p style="font-size:80%" class="stringTime">10:19:03</p></li>
        </div>
        </ul>
</div>

fd
15:04:03
lala
10:19:03

您可以尝试使用

clear : both;