/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

0 vote291 views1 answer
Over to remove padding css
CSS
22 votes283 views4 answers
Import font css from url
CSS
2 votes304 views3 answers
Css select first word
CSS
8 votes292 views1 answer
Remove styles button
CSS
1 vote306 views1 answer
BEM example css
CSS
0 vote317 views1 answer
How to change the position of a button in css
CSS
85 votes307 views5 answers
Scroll css
CSS
0 vote300 views2 answers
Skeumorphism box shadow
CSS
28 votes299 views3 answers
Text gradient css3
CSS
0 vote309 views1 answer
Html align svg to text
CSS