/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 vote227 views1 answer
Duplicate box-shadow on element inner and outer
CSS
1 vote225 views3 answers
Selenium find element by css selector
CSS
0 vote251 views1 answer
Sticky footer bootstrap 3
CSS Bootstrap
-1 vote194 views2 answers
How to put different p elements next to each
CSS
23 votes208 views3 answers
How to change placeholder color
CSS
3 votes194 views2 answers
Centralizar div no meio da tela
CSS
0 vote189 views1 answer
Border 1px thick
CSS
0 vote190 views1 answer
Css text elipsis after width
CSS
56 votes186 views3 answers
Css curved border
CSS
0 vote184 views1 answer
How blend two backgrounds css and isolate content
CSS