UL列表正在缩进第一个列表项。

Question

我正在致力于Magento1.9.x网站和产品描述，我有项目列表，但由于一些非常奇怪的原因，第一颗子弹是缩进一个额外的，比其余的列表。

下面是我在“列表”视图中为第一个产品使用的代码：

<p>The ERGL24054D-4000K upgrades your existing linear 2x4 fixtures in less than 10 minutes. Correlated color temperature (CCT) is 4000K. Deliver 5400 lumens of light and over 100 lumens per watt at the system level. MADE IN THE USA.</p>
<p><strong>Kit includes:</strong></p>
<ul>
<li>ERG Lighting dimmable LED driver</li>
<li>(2-4) LED light engine sticks</li>
<li>(8) Self-drilling screws</li>
<li>Wire nuts</li>
<li>Installation instructions</li>
<li>Opalescent film (optional)</li>
<li>Opalescent lens (optional)</li>
<li>Prismatic diffusers (optional)</li>
<li>Nea beam-shaping isotropic lens (optional)</li>
</ul>

您可以在这里看到最终结果：

http://www.erglighting.com/index.php/retrofit-kits.html?mode=list

注意，这发生在列表中的所有产品上。有谁能告诉我造成这个问题的原因以及我能做些什么来解决这个问题吗？谢谢!

我找到了这篇文章，但不确定这是否能解决这个问题，或者这是否适用于1.9：

correctly

在这个问题上，我也发现了这一点，但似乎是1.4版本：

http://www.magentocommerce.com/boards/viewthread/45667/

Answer 1

第一个列表项在其上方的<p>周围浮动。要么从<p>中移除浮点数，要么在<li>…上清除它。

.products-list .desc > p{
 float:left /* remove this */
}

或

.products-list li:first-child{
  padding-top:20px;
  clear:left; /* add this */
}