/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 vote130 views1 answer
Ion-select background color
CSS
1 vote126 views2 answers
Centrer verticalement css
CSS
118 votes210 views6 answers
Css @media
CSS
0 vote155 views1 answer
Pourquoi mon css ne fonctionne pas quand je recharge la page
CSS
-2 votes148 views2 answers
Outline-radius css
CSS
-1 vote130 views1 answer
Css blur gradient
CSS
174 votes192 views6 answers
How to add background image in css
CSS
7 votes167 views6 answers
Jquery remove css class
CSS
0 vote131 views1 answer
Media queries import file
CSS
1 vote179 views1 answer
Wordpress css admin not loading
CSS