/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 vote178 views1 answer
Quitar borde a un boton css
CSS
0 vote193 views1 answer
Beautiful Cyrillic fonts
CSS
1 vote125 views1 answer
Mat stepper custom css
CSS
2 votes132 views1 answer
Send mails from lampp form localhost
CSS
6 votes112 views2 answers
Remove horizontal scrollbar css
CSS
29 votes132 views4 answers
Css input
CSS
0 vote139 views1 answer
Border-bottom smaller div
CSS
0 vote144 views1 answer
Select tag text align center
CSS
-1 vote94 views1 answer
Html flex direction
CSS
1 vote130 views1 answer
Display in flexbox
CSS