/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

5 votes237 views3 answers
CSS RESPONSIVE
CSS
4 votes218 views2 answers
Bootstrap icons sdn
CSS
0 vote220 views1 answer
Text size to fit button
CSS
2 votes216 views1 answer
Space between li css
CSS
3 votes212 views3 answers
Can you control another div on hover css
CSS
1 vote205 views1 answer
How to add fanctoin to links in css
CSS
3 votes227 views6 answers
Uncaught TypeError: $ is not a function
CSS
0 vote222 views1 answer
Css unlock scroll
CSS
0 vote236 views1 answer
Pass argument to group_by
CSS
0 vote218 views1 answer
Css select without class
CSS