/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 vote295 views1 answer
Scss background color
CSS
0 vote306 views1 answer
Get ssl certificate command line
CSS
3 votes319 views1 answer
Svg stroke color
CSS
22 votes314 views4 answers
Grid center align css
CSS
0 vote397 views2 answers
Materialize css for react
CSS Materialize
38 votes335 views4 answers
Css pointer event
CSS
0 vote376 views1 answer
GET /style.css HTTP/1.1" 404
CSS
1 vote324 views1 answer
Margin clickable
CSS
0 vote314 views1 answer
Circular div css
CSS
0 vote309 views1 answer
Crop image instead of resize css
CSS