/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 vote224 views1 answer
Ul li dot seprator
CSS
0 vote242 views1 answer
Nice select scroll bar for large amount of options
CSS
0 vote192 views1 answer
Unable to locate package neo4j
CSS
0 vote380 views1 answer
Css file path
CSS
0 vote203 views1 answer
.sidebar { --offset: 2rem; flex-grow: 1; flex-basis: 300px; align-self: start; position: sticky; top: var(--offset); }
CSS
-1 vote214 views1 answer
Calculadora
CSS
0 vote195 views1 answer
Click a list html css
CSS
0 vote352 views2 answers
Html select image background arrow
CSS
0 vote183 views1 answer
Li move to left
CSS
0 vote187 views1 answer
Tailwind css image grid
CSS