/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 votes236 views1 answer
Difference between numpy array and matrix
CSS
0 vote175 views1 answer
Module not found: Can't resolve './musicas/Bruno Mars JustTheWayYouAre.mp3' in 'C:\UkVibes\react_juary\client\src\components\genders'
CSS
0 vote208 views2 answers
Create fish alias
CSS
0 vote196 views1 answer
What's 275 divided by 630
CSS
1 vote225 views1 answer
Add border to input css
CSS
13 votes214 views4 answers
Scss transition mixin
CSS
3 votes203 views4 answers
Css keep image ratio
CSS
8 votes216 views4 answers
Css dark mode
CSS
184 votes294 views6 answers
Css shadow border
CSS
0 vote221 views2 answers
Curved lines css
CSS