/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

2 votes306 views1 answer
Make object not selectable javascript
CSS
3 votes326 views3 answers
Remove box around button when clicked
CSS
1 vote328 views1 answer
Elementor is swiping
CSS
0 vote295 views1 answer
How to disable increase descrease buttons of input type number in html
CSS
0 vote322 views1 answer
Animated progress bar css
CSS
8 votes339 views4 answers
Css padding 4 values
CSS
18 votes292 views2 answers
Rgba blue colo
CSS
0 vote341 views1 answer
Bind 'fill' inside ':svg:path' with scss variables
CSS
2 votes331 views2 answers
How to have a background image with a color overlay
CSS
2 votes347 views2 answers
Html how to split a div into two columns
CSS