Cómo configurar el texto en el centro en el elemento flexible
* {
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%;
}
Prickly Peafowl