<li> 在 Firefox 和 IE 中完全排行，但在 Chrome 中完美运行答案

【问题标题】：<li> takes a row completely in Firefox and IE, but works perfectly in Chrome<li> 在 Firefox 和 IE 中完全排行，但在 Chrome 中完美运行
【发布时间】：2016-05-04 14:29:15
【问题描述】：

<li> 标签在 google chrome 中完美运行，但在 Firefox 和 IE 中却不行。

下面是我的html代码。

<div class = "sec2_card_info sec2_card_info1">
    <ul class = "bullet_list">
         <li><a href = "#"><p>Statement made by Hon. Mangala Samaraweera, in Response to Hon. Nimal Siripala De Silva</p></a></li>
         <li><a href = "#"><p>May Rally in Sri Lanka</p></a></li>
         <li><a href = "#"><p>Hon. Mangala Samaraweera visit to China</p></a></li>
    </ul>
</div>

Google Chrome 中的输出：完美运行

在 Firefox 和 IE 中，<li> 完全占一行，输出如下。

我没有使用太多 CSS 而不是 padding-left 和 font-size。如何解决这个问题？

【问题讨论】：

您听说过或尝试过this 吗？
@renmark 没试过，应该用什么属性？
试着让你的段落围绕你的锚点。
@AndyHoffman 谢谢，它成功了。将此作为答案，以便其他人可以看到。
我将评论迁移到了答案。

标签： html css google-chrome firefox html-lists

【解决方案1】：

你的段落标签应该不是锚的子标签。相反，试试这个：

<li><p><a href="#">May Rally in Sri Lanka</a></p></li>

【讨论】：

【解决方案2】：

要么在父 div class='sec2_card_info sec2_card_info1' 中指定宽度，要么应用 display:inline-block。

请检查您是否添加了宽度。请移除该宽度并应用 css display:inline-block。

【讨论】：

去掉宽度，没用。正如@AndyHoffman 在 cmets 中建议的那样，我用锚标记包围了段落并且它起作用了