/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

1 vote194 views2 answers
Woocommerce shopping cart icon size
CSS
3 votes180 views2 answers
DevTools failed to load SourceMap: Could not load content for bootstrap.min.css.map
CSS
3 votes128 views1 answer
Wrap table html
CSS
0 vote133 views0 answer
CSS
3 votes173 views2 answers
Scss transition
CSS
0 vote184 views1 answer
Rotate icon
CSS
0 vote169 views1 answer
Find element that is causing overflow css
CSS
0 vote172 views1 answer
Flot css mdn
CSS
0 vote141 views1 answer
Padding 4 values
CSS
0 vote221 views1 answer
Checkbox change background color bootstrap
CSS Bootstrap