/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

2 votes186 views2 answers
Aspect ratio css
CSS
2 votes178 views1 answer
Mixin for transition css
CSS
0 vote227 views1 answer
Freeze input text css
CSS
0 vote186 views1 answer
How to set border length in css without div
CSS
17 votes201 views2 answers
Center div vertically with flexbox
CSS
0 vote191 views1 answer
Css device orientation
CSS
0 vote351 views1 answer
Backface-visibility: hidden;
CSS
4 votes207 views1 answer
Clealyrun
CSS
0 vote183 views2 answers
Css span to right of div
CSS
1 vote214 views1 answer
Clear both css
CSS