无序列表没有像div中的h1那样对齐

Question

我在h1内有ul和div，ul向右浮动，但在我的生命中，我无法形象如何使h1和ul垂直对齐。任何人都可以向我解释为什么会这样，以及如何解决它？

Here is the jsfiddle.

Answer 1

您可以将h1和ul设置为具有相同的行高。这将使两者都垂直居中。

结帐this小提琴。

Answer 2

您可以使用line-height，也可以将padding添加到ul

Jsfiddle https://jsfiddle.net/qnny6ga2/4/