/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

13 votes191 views2 answers
How to add background in css
CSS
1 vote212 views1 answer
Scroll background still
CSS
2 votes191 views3 answers
Cant read pdf file in python
CSS
3 votes177 views2 answers
Remove highlight input css
CSS
1 vote134 views1 answer
Css min value
CSS
-1 vote199 views2 answers
How to style a particular image in css
CSS
0 vote184 views2 answers
Tailwindcss link styling
CSS
1 vote209 views1 answer
Css flip svg
CSS
28 votes184 views5 answers
Font face html
CSS
0 vote205 views1 answer
Jest test try catch
CSS