/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

1 vote211 views1 answer
Css no underline
CSS
6 votes190 views4 answers
Change border highlight color on an input text element
CSS
0 vote205 views1 answer
Position absolute above everything
CSS
26 votes193 views2 answers
Onhover mouse pointer css
CSS
-1 vote271 views2 answers
Css clip path text
CSS
0 vote213 views1 answer
Imporatn css
CSS
0 vote197 views1 answer
Css media query aspect ratio
CSS
3 votes390 views1 answer
How to use bulma in gatsby
CSS Bulma
0 vote196 views1 answer
To make card box appear more bigger when hover
CSS
2 votes208 views1 answer
Add image ::before css
CSS