Quantcast
Channel: Is it possible to center an inline-block element and if so, how? - Stack Overflow
Browsing latest articles
Browse All 6 View Live

Answer by rahm_rny12 for Is it possible to center an inline-block element and...

my way, i wrap the inline-block element with other div, e.g. wrapper, and then its magically centered, if not then give margin auto or something to the wrapper class

View Article



Answer by Ripcord for Is it possible to center an inline-block element and if...

You can do this by changing it to a block element and using max-content:.element { display: block; /* Change from inline-block to block */ margin-inline: auto; width: max-content;}Using width:...

View Article

Answer by Amie Wilt for Is it possible to center an inline-block element and...

A little late, but similar to Ivek's answer, you can avoid using the position declaration by using margin-left rather than left, so:margin-left: 50%;transform: translateX(-50%);

View Article

Answer by Ivek for Is it possible to center an inline-block element and if...

Another way to do this (works for block element also):.center-horizontal { position: absolute; left: 50%; transform: translateX(-50%);}Explanation: left:50% will position the element starting from the...

View Article

Answer by phihag for Is it possible to center an inline-block element and if...

Simply set text-align: center; on the container.Here's a demo.

View Article


Is it possible to center an inline-block element and if so, how?

I have an element of initially unknown width, specifically a MathJax equation supplied by the user. I have the element set as inline-block to ensure that the width of the element fits its contents and...

View Article
Browsing latest articles
Browse All 6 View Live




Latest Images