jfml ✨ Jonas Laugs
Wow. I tried to #center #images on my #Wordpress #blog with #CSS for ages. Could never do it „align-center“ from back in the day didn't work, looked online, never found anything. Now, while doing something else it seems like: display: block; does the trick! No idea why, obviously, as always +__+ 6 comments
Matt Wilcox
@jfml It's because of the difference between elements that use the `block` and `inline` boxes. https://developer.mozilla.org/en-US/docs/Web/CSS/display `text-align: center;` means it centres the content of elements with an inline type - the text *inside* the p, for example. Not the p itself. When you want to centre "an HTML element" you likely want to centre *the element* and not *its content*. Which means it needs to be block level, and then you can use margins.
Matt Wilcox
@jfml Yeah, this link should explain what the difference is and which applies to what. https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_flow_layout
Émeric Owczarz
@jfml we even have the "margin-inline" class now, whitch results in less code writing : |
Gregory's Server
@jfml
display: flex;
justify-content: center
gang here