/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 vote312 views2 answers
Désactiver le hotlinking de vos images
CSS
3 votes270 views1 answer
Media queries css not working for mobile
CSS
0 vote278 views1 answer
Bulma modal
CSS
18 votes288 views2 answers
Yarn : File C:\Users\Developer Daiyan\AppData\Roaming\npm\yarn.ps1 cannot be loaded because running scripts is disabled on this system. For more information, see about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170.
CSS
0 vote284 views2 answers
Woocommerce cart css description
CSS
48 votes289 views6 answers
Background color using css
CSS
1 vote276 views1 answer
Chrome button black white border
CSS
0 vote278 views1 answer
Prevent bounce scroll css
CSS
8 votes321 views2 answers
Css border bottom
CSS
43 votes250 views6 answers
Css font color
CSS