[display:flex;]と[align-items]の関係

ウェブ構築時に疑問に思った[display:flex;]と[align-item]との関係について、簡単にまとめておく。

やりたいこと
子要素を上下左右中央へ揃えたい。

疑問点<ul><li><a>テキスト</a></li><li><a>テキスト</a></li><ul>

に対して

.ul { display: flex; align-items: center;}

とすると

al