/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 vote125 views1 answer
@media only screen and (min-width : 1279px) and (max-width : 1400px)
CSS
0 vote199 views1 answer
Removing input border shadow
CSS
-1 vote116 views1 answer
On class hover another class color change
CSS
0 vote107 views1 answer
Animacion de gota css
CSS
0 vote110 views1 answer
Svg style css
CSS
0 vote119 views1 answer
Hoow to open a css class in css
CSS
0 vote114 views2 answers
To convert categorical data to numerical
CSS
1 vote155 views1 answer
Ion-select background color
CSS
0 vote113 views1 answer
Inine css
CSS
0 vote122 views1 answer
Wordpress template load CSS
CSS