/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 vote363 views1 answer
How to change what twine looks like
CSS
0 vote358 views1 answer
Woocommerce product_cat apply to custom post type
CSS
9 votes336 views4 answers
Css size button
CSS
1 vote334 views2 answers
Css focus border radius
CSS
52 votes322 views4 answers
Css change text size
CSS
-1 vote352 views1 answer
883 usd to nis
CSS
0 vote376 views1 answer
Css good black color
CSS
1 vote371 views1 answer
Change text color li css
CSS
-2 votes336 views3 answers
How to highlight text in css
CSS
7 votes328 views3 answers
Css animation infinite
CSS