how to align items in css

1div
2{
3  display:flex;
4  align-items:center;
5  justify-content:center;
6  
7}

1div {
2  display: flex;
3  align-items: center;
4}

1/* CSS Align Items Basic keywords */
2align-items: normal;
3align-items: stretch;
4
5/* Positional alignment */
6/* align-items does not take left and right values */
7align-items: center; /* Pack items around the center */
8align-items: start; /* Pack items from the start */
9align-items: end; /* Pack items from the end */
10align-items: flex-start; /* Pack flex items from the start */
11align-items: flex-end; /* Pack flex items from the end */
12
13/* Baseline alignment */
14align-items: baseline;
15align-items: first baseline;
16align-items: last baseline; /* Overflow alignment (for positional alignment only) */
17align-items: safe center;
18align-items: unsafe center;
19
20/* Global values */
21align-items: inherit;
22align-items: initial;
23align-items: unset;