<li>在Firefox和IE中完全占了一排，但在Chrome

Question

<li>标记在谷歌浏览器中完美运行，但在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。如何解决这个问题？

Answer 1

您在父div类中指定宽度=＆＃39; sec2_card_info sec2_card_info1＆＃39;或应用display：inline-block。

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

Answer 2

您的段落标记不应该是锚点的子节点。相反，试试这个：

app:backgroundTint="@color/accent_color"
app:borderWidth="0dp"