如何将多个元素放在<li>元素中而不会搞砸行间距？</li>

Question

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

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

在左侧（比萨斯），我在每个<p>中放了两个<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栏？

由于

Answer 1

使用DIV代替 - 或尝试这样的事情：

<p>Classic - Pepperoni, Olives, Onions <span class="text-orientation-right-css">11.99</span></p>

您还应该查看bootstrap，blueprint或960gs。非html / css人的完美框架：）