【CSS】要素を中央に配置（簡易メモ）

参考

https://yu-z.com/vertical-alignment/

HTML

<div class="parent">
 <p>上下中央にしたい<br>
    上下中央にしたい<br>
    上下中央にしたい<br>
    上下中央にしたい<br>
 </p>
</div>

CSS

.parent{
 background: pink;
 width: 100%;
 height: 200px;
 display: flex;
 align-items: center;
}
p{
}