Breaking News: Grepper is joining You.com. Read the official announcement!

flex vertical equal horizontal center

Add Answer

Nguyen Phong answered on April 23, 2020 Popularity 9/10 Helpfulness 1/10

answer flex vertical equal horizontal center

related css flex center horizontally and vertically

related flex vertical equal horizontal center

flex vertical equal horizontal center

Comment

<ul>
  <li><span>Item</span></li>
  <li><span>Item</span></li>
  <li><span>Item - much much much much much much much much much much more longer 2</span></li>
</ul>
 Run code snippetHide results

Popularity 9/10 Helpfulness 1/10 Language whatever

Source: stackoverflow.com

Tags: center whatever

Link to this answer
Share Copy Link

Contributed on Aug 08 2022

Nguyen Phong

0 Answers Avg Quality 2/10

Closely Related Answers

css flex center horizontally and vertically

Comment

display: flex;
align-items: center;
justify-content: center;

Popularity 10/10 Helpfulness 10/10 Language css

Source: Grepper

Tags: center ce

Link to this answer
Share Copy Link

Contributed on Apr 23 2020

TheDutchScorpion

0 Answers Avg Quality 2/10

flex vertical equal horizontal center

Comment

ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  justify-content: space-between;
}

li {
  display: flex;
  flex: 0 0 32.5%;
  align-items: center;
  justify-content: center;
  border: 1px solid red;
}

span {
  text-align: center;
}

Popularity 8/10 Helpfulness 3/10 Language css

Source: stackoverflow.com

Tags: center css

Link to this answer
Share Copy Link

Contributed on Aug 08 2022

Nguyen Phong

0 Answers Avg Quality 2/10

flex vertical equal horizontal center

Contents

More Related Answers

flex vertical equal horizontal center

Closely Related Answers

css flex center horizontally and vertically

flex vertical equal horizontal center

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.