/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

0 vote227 views1 answer
Scale up and scale down animation in css
CSS
2 votes227 views3 answers
Placeholder color default
CSS
1 vote235 views1 answer
Css selector not contain
CSS
38 votes250 views3 answers
Cool ways to color a background with css
CSS
2 votes232 views3 answers
Css button transparent
CSS
42 votes229 views4 answers
Css center div in page
CSS
0 vote229 views1 answer
Comentarios en archivo scss
CSS
0 vote230 views1 answer
-webki slider runnable track
CSS
0 vote226 views1 answer
Css transition only once
CSS
0 vote253 views5 answers
Sweetalert to small bootstrap
CSS Bootstrap