删除不必要的空间

Question

我有以下标记

</li> </ul>

以下样式

</li> </ul>

所需的输出应为。

但我得到了

正如你所看到的，我有一些白色空间，我不知道它来自哪里。有谁知道如何摆脱这个空白区域？我似乎无法弄清楚空间是如何生成的

提前感谢您的帮助。

Answer 1

这是由于浏览器的默认样式，设置

h4, p {
   margin:0;
   padding:0;
}

Answer 2

尝试line-height 90％或更低

.red-div { line-height: 90%;}
.white-div { line-height: 90%;}