/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 vote234 views1 answer
How to add a photo using css beside a paragraph in html
CSS
-1 vote252 views1 answer
Tailwindcss top
CSS
-1 vote260 views1 answer
Arranging the paragraph in css
CSS
17 votes257 views2 answers
Css horizontal linear gradient
CSS
3 votes255 views2 answers
Css border radius not working
CSS
0 vote245 views1 answer
Css opacité fond mais pas texte
CSS
0 vote216 views1 answer
How to give a background color strip in html and css
CSS
7 votes256 views2 answers
Transition css hover
CSS
20 votes257 views2 answers
Stop selection css
CSS
0 vote250 views3 answers
Static backdrop
CSS