如何在HTML标签中去除列表项间空白行（不使用CSS）

仅靠纯HTML标签（不带样式属性）没法消除列表项之间的空白行，这种间距是浏览器默认CSS样式（比如margin、padding）控制的。不过可以用HTML标签自带的style内联样式来实现，不用单独写CSS文件：

情况1：列表项横向连续排列（无空白行） #

给<li>添加display: inline，同时清除列表的默认边距：

<ul style="margin: 0; padding: 0;">
  <li style="margin: 0; padding: 0; display: inline;">Coffee</li>
  <li style="margin: 0; padding: 0; display: inline;">Tea</li>
</ul>

情况2：列表项垂直排列但无空白行 #

只需清除列表和列表项的默认边距即可：

<ul style="margin: 0; padding: 0;">
  <li style="margin: 0; padding: 0;">Coffee</li>
  <li style="margin: 0; padding: 0;">Tea</li>
</ul>

内联样式属于HTML标签的一部分，完全符合“仅通过HTML标签实现”的要求，本质是用HTML自带的属性覆盖浏览器默认样式。

内容的提问来源于stack exchange，提问作者danny