/CSS/How to set text in center in flex item

How to set text in center in flex item

How center content in css by using flex

	display: flex;
    width: 60%;
    justify-content: center;
    margin: 0 auto;

How to set text in center in flex item

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

html,
body {
  height: 100%;
}

.list {
  display: flex;
  justify-content: center;
  flex-direction: column;  /* <--- I added this */
  align-items: center;   /* <--- Change here */
  height: 200px;
  width: 100%;
  background: silver;
}

.list li {  
  background: gold;
  height: 20%; 
}

Source: stackoverflow.com

Similar codes

0 vote358 views2 answers
Add custom taxonomy into permalinks post_type_link
CSS
22 votes361 views5 answers
Css grid center
CSS
2 votes354 views2 answers
Display flex align last item to left
CSS
145 votes437 views6 answers
Add bootstrap to react
CSS
0 vote785 views1 answer
Fading bottom image css
CSS
1 vote391 views1 answer
How to set the first column of the table in center in css
CSS
0 vote354 views1 answer
Api not working in github pages
CSS
1 vote337 views2 answers
How to filter css red
CSS
1 vote378 views2 answers
Css div side rounded
CSS
0 vote389 views1 answer
How do I add a vertical margin in css
CSS