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

inline block align center

Selfish Swan answered on November 10, 2020 Popularity 10/10 Helpfulness 10/10

answer inline block align center

related how to center a inline block element

inline block align center

Comment

.parent {
  display: flex;
  justify-content: center;
  align-items: center;
}

.child {
  display: inline-block;
}

Popularity 10/10 Helpfulness 10/10 Language css

Source: stackoverflow.com

Tags: block center css inline

Link to this answer
Share Copy Link

Contributed on Nov 10 2020

Selfish Swan

0 Answers Avg Quality 2/10

Closely Related Answers

how to center a inline block element

Comment

  display: inline-block;
  position: relative;
  /* Move the element to the right by 50% of the container's width */
  left: 50%; 
  /* Calculates 50% of the element's width, and moves it by that */ 
  /* amount across the X-axis to the left */
  transform: translateX(-50%);

Popularity 10/10 Helpfulness 7/10 Language css

Source: stackoverflow.com

Tags: block bloc

Link to this answer
Share Copy Link

Contributed on Dec 23 2021

Depressed Dove

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

inline block align center

Contents

More Related Answers

inline block align center

Closely Related Answers

how to center a inline block element

Grepper

Documentation

Social

Legal

Contact

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