如何在不增加行距的情况下将多个元素放入<li>元素中？

在右侧（位于Pastas下），您可以在中看到的标准<li>s集合<ul>。

<ul></ul>
  <li>item</li>
  <li>item</li>
  <li>item</li>
<ul></ul>

在左侧（Pizzas），我<p>每个都放置了两个s <li>，所以我可以获得左浮和右浮的效果。

<ul></ul>
  <li><p>item</p><p>price</p></li>
  <li><p>item</p><p>price</p></li>
  <li><p>item</p><p>price</p></li>
<ul></ul>

显然，<p>标签的存在使行之间的距离太远了。

那么解决此问题的正确方法是什么？

我是否必须只为价格创建一个新的div列？

谢谢