/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 vote133 views2 answers
How to lighten the color of text in html
CSS
0 vote127 views1 answer
Html5 video hide progress bar
CSS
-1 vote122 views1 answer
Empty areas in the grid are defined using '.'
CSS
36 votes124 views4 answers
Adding gradient to text color
CSS
23 votes138 views4 answers
Gradient border css
CSS
0 vote121 views1 answer
How to make an element vertically centered in a dv
CSS
0 vote119 views1 answer
Tf.reduce_mean(y_true,y_predicted)
CSS
9 votes133 views2 answers
Bootstrap cheat sheet
CSS
0 vote237 views1 answer
Css center table on page
CSS
6 votes130 views6 answers
No module named crypto.cipher
CSS