css align items

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

1.parent_div
2{
3  display:flex;
4  align-items:center;
5}

1/* 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;
24

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;