/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 vote179 views1 answer
How to link css file nodjes
CSS
0 vote220 views1 answer
Css bottom:0 isnt the bottom of the page
CSS
10 votes214 views2 answers
Css list items next to each other
CSS
-1 vote196 views1 answer
Hwo to use flexbox to make a nav bar
CSS
0 vote173 views1 answer
Text weaving animation in css
CSS
1 vote190 views2 answers
Change nav background color on scroll css without bootstrap
CSS
2 votes180 views1 answer
Centering the image
CSS
0 vote180 views1 answer
Css flex bottom
CSS
0 vote205 views1 answer
Select tag text align center
CSS
1 vote181 views1 answer
Corona.html:61 Uncaught ReferenceError: $ is not defined
CSS