Html 当CSS缩进不能在所有浏览器中工作时，如何修复？

我需要做如下设计：

   Total Maximum Daily Load, EPA

• 模拟污染物的归宿和迁移
• 总最大日负荷（TMDL）开发

正如您所见，“总最大日负荷”需要与“建模…”和“总负荷”的要点保持一致

internet explorer和firefox中显示了所需的align，但在chrome中显示如下

 Total Maximum Daily Load, EPA

• 模拟污染物的归宿和迁移
• 总最大日负荷（TMDL）开发

---

“每日最大总负载”和项目符号的“建模”和“总负载”不一致，为什么它在一个浏览器中工作而在另一个浏览器中不工作？如何使此缩进浏览器独立。

最简单的解决方案可能是将第一个文本作为列表项，但不使用项目符号：

<ul>
<li style="list-style: none">Total Maximum Daily Load, EPA
<li>Modeling the Fate and Transport of Pollutants
<li>Total Maximum Daily Load (TMDL) Development
</ul>

---

查看列表样式的位置——并使用CSS重置——div假装是标题元素。

<style>
ul, li {
  margin: 0;
  padding: 0;
}
ul, .list-header {
  margin-left: 1.3em;
}
</style>
<div class="list-header">Total Maximum Daily Load, EPA</div>
<ul>
<li>Modeling the Fate and Transport of Pollutants
<li>Total Maximum Daily Load (TMDL) Development
</ul>