/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

0 vote117 views1 answer
Calc(100vh - px)
CSS
2 votes118 views2 answers
Css all children of type
CSS
42 votes195 views5 answers
Npm bootstrap
CSS Bootstrap
1 vote125 views1 answer
Css system default font
CSS
3 votes118 views2 answers
Antialiasing css
CSS
0 vote104 views2 answers
Systemd on wsl2
CSS
0 vote118 views1 answer
Hide title wordpress
CSS
2 votes121 views1 answer
Admin dashboard html css
CSS
1 vote116 views1 answer
How to hide the bullet list css
CSS
0 vote124 views1 answer
Set height to width css
CSS