/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 vote342 views1 answer
Input date icon color change
CSS
4 votes280 views2 answers
Gap between two flex items
CSS
17 votes268 views1 answer
Css flex center horizontally and vertically
CSS
-1 vote365 views2 answers
How to set background automatically with my screen height
CSS
0 vote315 views7 answers
Xle
CSS
0 vote288 views1 answer
/* */
CSS
18 votes292 views2 answers
Hand property css
CSS
-1 vote270 views2 answers
Cliping setting
CSS
0 vote281 views1 answer
Inline-block column appear higher than others
CSS
3 votes310 views3 answers
Unsplash url
CSS