/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 vote156 views1 answer
Bast css 3d images gallery code
CSS
0 vote131 views1 answer
Closing modal on iframe movies still running
CSS
0 vote216 views1 answer
String interning in python
CSS
0 vote117 views1 answer
Border 1px thick
CSS
0 vote126 views1 answer
Abstände zwischen zeilen html
CSS
43 votes115 views6 answers
Nth-child in css
CSS
-1 vote185 views1 answer
Change font size on large screen resolution bootstrap
CSS
0 vote254 views1 answer
Centrer un élément absolute
CSS
0 vote119 views1 answer
Ubuntu phantomjs wrong paper size
CSS
0 vote122 views2 answers
Materialize css for react
CSS