Answers for "how to align text center in flexbox"

CSS
3

how center content in css by using flex

display: flex;
    width: 60%;
    justify-content: center;
    margin: 0 auto;
Posted by: Guest on November-02-2020
1

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%; 
}
Posted by: Guest on January-11-2022

Browse Popular Code Answers by Language