/CSS/How to center a inline block element

How to center a inline block element

Inline block align center

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

.child {
  display: inline-block;
}

Source: stackoverflow.com

How to center a inline block element

  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%);

-1

Source: stackoverflow.com

Similar codes

4 votes116 views2 answers
Css trim text
CSS
0 vote131 views1 answer
Css custom cursor form image
CSS
0 vote116 views1 answer
Move element on new line css
CSS
8 votes108 views6 answers
Aos css
CSS
0 vote123 views1 answer
Animation not hover out
CSS
0 vote106 views2 answers
How to add an image to a label in css
CSS
60 votes116 views3 answers
Media query for mobile view css
CSS
85 votes107 views6 answers
Red color hex
CSS
0 vote115 views1 answer
Vendor css
CSS
0 vote108 views1 answer
Css hollow circle
CSS