/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 vote191 views2 answers
Cons;0 ccs
CSS
1 vote206 views3 answers
Css for bigger screen size
CSS
0 vote217 views1 answer
How to install tailwind cdn
CSS
0 vote217 views2 answers
False
CSS
0 vote192 views1 answer
Css list line spacing
CSS
5 votes213 views2 answers
Css especifico para safari
CSS
0 vote231 views1 answer
Css tips and tricks to handle the complicated stuffs in design part which is helpfull to handle at tha critical time and to deliver requirement to the client to the main resource
CSS
-1 vote322 views6 answers
How to comment in css
CSS
2 votes197 views1 answer
Table add margin between rows
CSS
0 vote241 views2 answers
How to insert icons pseudo content
CSS