Css jquery mobile，文本位于listview后面，带有计数气泡

我创建了一个列表视图，它有一个计数气泡和每个li的项目描述。问题是描述的文本落后于计数气泡。这是一个小故障还是我可以用css纠正的问题

echo '<li><a value="' . $row['product_id'] . '" data-icon="arrow-r" data-iconpos="right"><img src="images/' . $row['product_picture_name'] . '.png">' . '<h3>' . $row['product_name'] . '</h3><p style="white-space:normal">' . $row['product_description'] . '</p><span class="ui-li-count">Price: $' . $row['product_price'] . '</span></a></li>';

echo'
'$第[‘产品名称’]行
”$行['product\u description'].'
 售价:$$行[“产品价格]。”'；

---

谢谢你，Adam。

我最后将width属性添加到了90%的p标记中，文本将在到达计数气泡位置之前开始换行，并根据不同的屏幕大小进行缩放

echo '<li><a value="' . $row['product_id'] . '" data-icon="arrow-r" data-iconpos="right"><img src="images/' . $row['product_picture_name'] . '.png">' . '<h3>' . $row['product_name'] . '</h3><p style="white-space:normal; **width:90%;**">' . $row['product_description'] . '</p><span class="ui-li-count">Price: $' . $row['product_price'] . '</span></a></li>';

echo'
'$第[‘产品名称’]行
”$行[“产品描述”]。'
 售价:$$行[“产品价格]。”'；

您看过css z-index属性了吗@卡拉沃：我不希望文本前面出现计数气泡，反之亦然。如果我可以在文本到达计数气泡之前将其包装，那么我认为这将解决我的问题…也许我可以使用css width属性，我必须看看这将如何影响jquerymobile li。@Calavow添加width属性成功了！我在标签上加了宽度：90%，不知道为什么我要把它弄得更复杂。谢谢你激发了这个想法！我现在明白你想要什么了。祝你好运举个例子也许有助于澄清误解。也别忘了用答案来结束你的问题。@Calavow我想举一个jfiddle的例子，但我对如何回答不太熟悉，但我相信这会让我的问题更清楚！再次感谢！