/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

5 votes298 views3 answers
Npm 'cross-env' is not recognized as an internal or external command
CSS
3 votes299 views1 answer
How to change the page background in css
CSS
0 vote304 views1 answer
Checkbox border css
CSS
2 votes288 views2 answers
No gutter in bootstrap css for row
CSS
3 votes291 views6 answers
Uncaught TypeError: $ is not a function
CSS
0 vote299 views1 answer
Which of the following css property is used to specify the space between every letter inside an element?
CSS
0 vote306 views2 answers
How to remove white space in the right side of web page
CSS
0 vote318 views1 answer
Background Image Accessibility concerns
CSS
0 vote283 views1 answer
Cta button css
CSS
0 vote276 views2 answers
How to select elements from a parrent element css
CSS