/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

197 votes450 views6 answers
Connect html file to css
CSS
12 votes273 views6 answers
Text-align css
CSS
0 vote292 views1 answer
Matrix multiplication markdown
CSS
1 vote263 views1 answer
Edge media query
CSS
0 vote307 views1 answer
Espacio entre lineas css
CSS
0 vote322 views1 answer
Css checkbox'':checked change color
CSS
0 vote260 views1 answer
Ohmyzsh shortcut to oepn folder with vscode
CSS
111 votes309 views6 answers
Media query css
CSS
0 vote302 views3 answers
Center ul
CSS
0 vote269 views2 answers
How to reduce the size of png image in css
CSS