/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

1 vote356 views1 answer
Centering items in react css
CSS
1 vote320 views1 answer
Padding clamp
CSS
0 vote350 views1 answer
Css remove second element
CSS
0 vote389 views1 answer
Sass rainbow color background
CSS
3 votes359 views2 answers
What does em stand for in css
CSS
0 vote341 views3 answers
Bulma capitalized
CSS
1 vote298 views1 answer
Css main container align center
CSS
7 votes373 views2 answers
Text align justify
CSS
0 vote361 views1 answer
Background image animation css codepen
CSS
0 vote394 views1 answer
Set another font in css
CSS