Ненумерованный список не выравниваются, как h1 внутри DIV

Question

У меня есть h1 и ul внутри div, то ul сплавляется вправо, но для жизни меня я не могу понять, как сделать h1 и ul вертикально выравниваются одна и та же. Может ли кто-нибудь объяснить мне, почему это так, и как это можно исправить?

Here is the jsfiddle.

Answer 1

Вы можете установить как h1 и ul иметь одинаковую высоту строки. Это сделало бы их вертикально центрированными.

Оформить заказ this Fiddle.

Answer 2

Вы можете использовать line-height или вы можете добавить padding к ul

Jsfiddlehttps://jsfiddle.net/qnny6ga2/4/