1/* Basic positional alignment */
2/* align-content does not take left and right values */
3align-content: center; /* Pack items around the center */
4align-content: start; /* Pack items from the start */
5align-content: end; /* Pack items from the end */
6align-content: flex-start; /* Pack flex items from the start */
7align-content: flex-end; /* Pack flex items from the end */
8
9/* Normal alignment */
10align-content: normal;
11
12/* Baseline alignment */
13align-content: baseline;
14align-content: first baseline;
15align-content: last baseline;
16
17/* Distributed alignment */
18align-content: space-between; /* Distribute items evenly
19 The first item is flush with the start,
20 the last is flush with the end */
21align-content: space-around; /* Distribute items evenly
22 Items have a half-size space
23 on either end */
24align-content: space-evenly; /* Distribute items evenly
25 Items have equal space around them */
26align-content: stretch; /* Distribute items evenly
27 Stretch 'auto'-sized items to fit
28 the container */
29
30/* Overflow alignment */
31align-content: safe center;
32align-content: unsafe center;
33
34/* Global values */
35align-content: inherit;
36align-content: initial;
37align-content: unset;
38
39/* ========================= */
40/* CSS Align Items Basic keywords */
41align-items: normal;
42align-items: stretch;
43
44/* Positional alignment */
45/* align-items does not take left and right values */
46align-items: center; /* Pack items around the center */
47align-items: start; /* Pack items from the start */
48align-items: end; /* Pack items from the end */
49align-items: flex-start; /* Pack flex items from the start */
50align-items: flex-end; /* Pack flex items from the end */
51
52/* Baseline alignment */
53align-items: baseline;
54align-items: first baseline;
55align-items: last baseline; /* Overflow alignment (for positional
56 alignment only) */
57align-items: safe center;
58align-items: unsafe center;
59
60/* Global values */
61align-items: inherit;
62align-items: initial;
63align-items: unset;
1.headerTwoDiv{
2 margin:1% auto;
3 margin-right: auto; margin-left: auto; width: 21%;
4 padding-top: 11px;
5 }
6