/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

10 votes341 views3 answers
Reset
CSS
2 votes321 views1 answer
Responsive background image
CSS
0 vote307 views2 answers
Min font-size
CSS
0 vote324 views1 answer
Background with three line color css
CSS
0 vote280 views1 answer
Sumar clases css
CSS
0 vote293 views1 answer
How to active horizental scroll for navbar menu in mobile screen
CSS
0 vote318 views1 answer
Ul reset
CSS
165 votes372 views6 answers
How to make text bold in css
CSS
1 vote302 views1 answer
Select all class in css
CSS
2 votes303 views3 answers
Placeholder color default
CSS