/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 vote288 views1 answer
Css put background on top of another background image
CSS
1 vote280 views1 answer
How to hover over an individual cell in table css
CSS
0 vote283 views2 answers
Deployer custom Options
CSS
0 vote328 views6 answers
Css change svg color
CSS
5 votes296 views5 answers
Disable text selection
CSS
-1 vote309 views1 answer
Responsiveness in bootstrap
CSS Bootstrap
4 votes287 views2 answers
Css disabled
CSS
1 vote269 views1 answer
Css > symbol
CSS
0 vote288 views1 answer
Add pseudo buttons
CSS
1 vote285 views1 answer
Faire un fond fade to transparent css
CSS